令人愤怒的差距：你如何摆脱IMG和周围内容之间的差距

Question

已经尝试了几个小时，似乎可以找到如何去除此处所示的“白色差距”：http://dl.dropbox.com/u/7117445/temp/gap.jpg

有问题的网站：http://www.jwschultzconstruction.com/staging/index.php

请帮忙！

答案后的编辑问题：

你如何摆脱IMG与周围内容之间的差距？ （以下回答）

与此问题类似：HTML Strict & CSS: How do I close the gap?

Answer 1

显示标题图片：阻止

目前影响当前的唯一样式块是：

table tr td a img {
    [...]
}

所以你可以添加：

table tr td a img {
    [...]
    display:block;
}

那，或者在图像中添加一个类，如：

<img src="images/banner2.jpg" class="headerImage">

然后添加一个新的样式块：

.headerImage { display:block; }

Answer 2

不知道这是否会有所帮助，所以请将其作为警告...尝试将td框内的标签中的填充和边距归零。

Answer 3

尝试添加：

 table tr td a img {
      margin-bottom:-3px;
 }

由于基于表格的布局，可能需要进行一些额外的清理。

Answer 4

我要做的第一件事是在图像上设置border = 0，然后在包含图像的td上设置最大高度样式。它也可以在你的第四个元素的css中（表格和一个img）...如果你没有边框，摆脱这3个样式并添加border:none;

您是否尝试过使用名为firebug的firefox添加？它产生了巨大的差异。