Bonjour,
Je suis actuellement en train de galérer avec un menu...
En fait, le menu fonctionne parfaitement sous firefox et safari mais pas sous ie. Sous ie, il y a des espaces qui ne devraient pas exister...
Voici ce que ça donne sous ie :
http://img267.imageshack.us/img267/8510/erreurmz0.png
J'ai entouré en rouge les séparations anormales et en vert les normales.
Comme vous pouvez le constater, le problème n'intervient pas toujours...
J'ai remarqué aussi que si je retirais le display:block du style de lien, le problème n'apparaissait plus...
Voici le code html du menu :
Ainsi que le CSS correspondant :
Je dois avouer que là je ne comprend pas...
Merci d'avance pour vos réponse !
Je suis actuellement en train de galérer avec un menu...
En fait, le menu fonctionne parfaitement sous firefox et safari mais pas sous ie. Sous ie, il y a des espaces qui ne devraient pas exister...
Voici ce que ça donne sous ie :
http://img267.imageshack.us/img267/8510/erreurmz0.png
J'ai entouré en rouge les séparations anormales et en vert les normales.
Comme vous pouvez le constater, le problème n'intervient pas toujours...
J'ai remarqué aussi que si je retirais le display:block du style de lien, le problème n'apparaissait plus...
Voici le code html du menu :
<ul class="navliste" id="AFFICHERMAQUERTOBJ_nav_module_en_lecture">
<li><a href="#">Blablablabla</a></li>
<li><a href="#">Blablablabla</a></li>
<li><a href="#">Blablablabla</a></li>
<li><a href="#">Blablablabla</a></li>
<li><a href="#">Blablablabla</a></li>
</ul>
Ainsi que le CSS correspondant :
ul.navliste {
list-style-type:none;
margin:0;
padding:0;
border-top:1px solid #a29f9f;
border-bottom:1px solid #ffffff;
}
.navliste li {
text-align:center;
height:20px;
line-height:20px;
width:184px;
list-style-type:none;
margin:0;
padding:0;
border-top:1px solid #ffffff;
border-bottom:1px solid #a29f9f;
}
.navliste li a {
display:block;
margin:0;
padding:0;
color:#000000;
text-decoration:none;
font-weight:bold;
}
.navliste li a:hover { background-image:url(../images_design/back-nav-hover.gif); }
Je dois avouer que là je ne comprend pas...
Merci d'avance pour vos réponse !