IE проблема - нежелательное поле вокруг изображений - PullRequest
Новая
       11

IE проблема - нежелательное поле вокруг изображений

0 голосов
/ 18 мая 2011

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;
}

Ответы [ 2 ]

2 голосов
/ 18 мая 2011

На изображении нет полей или отступов. Стиль пользовательского агента по умолчанию ставит рамку вокруг изображения. Установите border: 0; на изображении. Также см. Другой ответ для reset.css, чтобы предотвратить подобные вещи в будущем.

1 голос
/ 18 мая 2011

Попробуйте использовать reset.css Вот тот, который мне нравится http://meyerweb.com/eric/tools/css/reset/

...