jquery - 分区结构。显示图像时出错

Question

我正在做一个小网站。

我刚刚将索引加载到网站中，以向您展示 Firefox 和 IE 的“图形”问题。

地址是http://www.anticamaddalena.it

问题是这样的：

Safari 页面显示正常。一切正常。“部分”的图像很好并且正确附加。

Firefox 和 IE 无法正确显示 div 结构及其相关图像“级联”。我的意思是，我看到“按钮”之间有一个空格。图像没有附加，它不是流体。

我在 css 上尝试了 0 边距、img 标签上的边框 0 和 css 上的 0 填充。

我不是一个经验丰富的程序员，只是一个正在学习的新手。什么可能导致这种问题？

这里有 2 个显示问题的 img 链接：

苹果浏览器：

火狐：

Answer 1

尝试这个：

添加css属性

display: inline-block;

与这些图像一起使用的“a”元素。

Answer 2

尝试添加

#blocco_centrale div a {
  line-height: 0px;
}

或者

#blocco_centrale div a {
  display: block;
}

在您的样式表中。它将解决问题。但我建议您使用更好的 HTML 结构和 CSS。