html - 真气缺口: How do you get rid of a gap between IMG and surrounding content

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

使标题图片显示: block

目前唯一影响这个的样式 block 是:

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

所以你可以添加:

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

那个，或者给图像添加一个类，比如:

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

然后添加一个新的样式 block :

.headerImage { display:block; }