img标签底部有空白

Question

我正在创建一个wordpress页面并创建带有背景图像的特定部分，主要问题是，css中的一个图像被剪切或分割了，这里是该站点的链接：

http://testpress.dramend.com/amend-2/所分割的图像是loopmid.gif，它没有连接到looptop.gif，这是屏幕截图：

<tr>
   <td height="23"><img width="707" height="23" alt="" src="http://dramend.com/looptop.gif"></td>
</tr>

我在CSS中做错了什么吗？

谢谢

Answer 1

您需要使用display: block; 或者您可以使用vertical-align: bottom; 也适用于img标签，因为默认情况下它是inline元素...将解决此问题。

另外，您正在使用table设计肮脏的布局。.学习CSS定位，浮动和使用其他标签（例如div ， section等）进行布局

Answer 2

与其使用表格进行设计，不如尝试使用div和CSS定位

Answer 3

由于您使用table来设计布局，这并不像Alien先生所建议的那样，因此可以使用display:table; ;。 以及该img标签。

Answer 4

在您的css文件中，添加以下行：

table, td, tr {
   margin:0; 
   padding:0;
}