Bonjour à tous,
J'ai donc fait un menu horizontal simple pour un site. A l'affichage, aucun problème sous Firefox seulement les bordures inférieure et supérieure de chaque "case" de mon menu ont disparu sous IE...
Voici un aperçu :
Sous IE :
Sous Firefox (rendu désiré) :
Voici le code en ce qui concerne la feuille de style...
...et en ce qui concerne la page HTML :
Voilà... En vous remerciant à l'avance. Bonne soirée/journée
Modifié par kalipka (04 Jun 2006 - 23:38)
J'ai donc fait un menu horizontal simple pour un site. A l'affichage, aucun problème sous Firefox seulement les bordures inférieure et supérieure de chaque "case" de mon menu ont disparu sous IE...
Voici un aperçu :
Sous IE :
Sous Firefox (rendu désiré) :
Voici le code en ce qui concerne la feuille de style...
.menu {
margin-top:0;
margin-bottom:0;
margin-left:auto;
margin-right:auto;
width:860px;
list-style:none;
background-color:#FFFFFF;
}
.menu li {
display:inline;
}
.menu a:link, .menu a:visited {
background-color:#FFFFFF;
padding:2px 8px 2px 8px;
text-decoration:none;
color:#433C6E;
font-weight:bold;
font-size:13px;
font-family:'Lithos Pro Regular','Trajan Pro',Verdana,Sans-serif;
border:2px solid #433C6E;
}
.menu a:hover {
color:#FFFFFF;
background-color:#433C6E;
}
...et en ce qui concerne la page HTML :
<ul class='menu'>
<li><a href='index.php'>Accueil</a></li>
<li><a href='blog.php'>Blog</a></li>
<li><a href='#'>Misc</a></li>
<li><a href='#'>Liens utiles</a></li>
<li><a href='#'>Auteur</a></li>
<li><a href='#'>About</a></li>
</ul>
Voilà... En vous remerciant à l'avance. Bonne soirée/journée
Modifié par kalipka (04 Jun 2006 - 23:38)