Question

http://www.wedevents.com.au/index.asp

在FF中没有问题，但在IE中，顶部和底部菜单中的图像周围出现了一些不需要的白边。

有关如何删除不需要的保证金的任何想法？

HTML：

<ul class="topnav">
<li>
    <a href="http://www.wedevents.com.au/index.asp"> 
    <img src="/images/menu_home.gif" name="home" onMouseOver="over(0)" onMouseOut="out(0)" alt="Home" /></a>
</li>
<li>
    <a href="http://www.wedevents.com.au/about.asp"> 
    <img src="/images/menu_about.gif" name="about" onMouseOver="over(1)" onMouseOut="out(1)" alt="About" /></a>
</li>

CSS：

ul.topnav {
list-style: none;
padding: 0 85px;
margin: 0 auto;
width: 630px;
height: 36px;
background: #b09a27;
font-size: medium;
text-align: left;
}
ul.topnav li {
float: left;
margin: 0;
padding: 0;
position: relative;
}
ul.topnav li a{
padding: 0;
color: #fff;
display: block;
text-decoration: none;
float: left;
}

Answer 1

图像上没有边距或填充。用户代理样式默认为在图像周围放置边框。在图片上设置border: 0;。另请参阅reset.css的另一个答案，以防止将来发生此类事情。

Answer 2

尝试使用reset.css这是我喜欢的http://meyerweb.com/eric/tools/css/reset/

IE问题 - 图像周围不需要的边距

2 个答案: