Bonjour à tous,
Je cherche à faire un simple menu HTML/CSS horizontal avec des images en background pour chaque lien. Il y a toujours ce pb avec IE et les layout : normal j'ai affecté une largeur à mes éléments positionnés en Float. Ma question est : comment fait-on pour que ça fonctionne aussi sur IE (j'ai pas trouvé dans mon bouquin Merci
Voici le code html
et la CSS
Modifié par popovitch (12 May 2008 - 21:38)
Je cherche à faire un simple menu HTML/CSS horizontal avec des images en background pour chaque lien. Il y a toujours ce pb avec IE et les layout : normal j'ai affecté une largeur à mes éléments positionnés en Float. Ma question est : comment fait-on pour que ça fonctionne aussi sur IE (j'ai pas trouvé dans mon bouquin Merci
Voici le code html
<div id="haut">
<ul id="menuhaut">
<li><a id="accueil" href=""><b>Accueil</b></a></li>
<li><a id="activites" href=""><b>Activités</b></a></li>
<li><a id="contact" href=""><b>Contact</b></a></li>
</ul>
</div>
et la CSS
#haut {
height: 30px;
text-align:center;
}
#accueil{
display:block;
width:150px;
height:100px;
background:url(../images/accueil.png) top left no-repeat;
}
#activites{
display:block;
width:150px;
height:100px;
background:url(../images/activites.png) top left no-repeat;
}
#contact{
display:block;
width:150px;
height:100px;
background:url(../images/contact.png) top left no-repeat;
}
#menuhaut li{float:left;}
#menuhaut {
list-style-type: none;
margin: 0;
padding:0;
}
Modifié par popovitch (12 May 2008 - 21:38)