28172 sujets

CSS et mise en forme, CSS3

J'ai un menu en ligne qui ne marche que sous chrome, et ffx mais avec IE, les liens apparaissent l'un sous l'autre. Peut-on faire quelque chose pour qu'IE affiche en ligne ?
Merci.

voici ce que j'ai :
#navigation { list-style: none; text-align: center; }
#navigation li {
display: inline-block;
font-size: 1em;
}
#navigation a {
background: #008000;
text-decoration: none;
border: 1px solid;
padding: 2px 10px;
margin: 0 2px;
}
#navigation a:hover {
background: #000800;
color: orange;
}
Administrateur
Bonjour,

Ton titre parle de display: inline, mais en fait tu montres un code avec display: inline-block qui sont deux choses très différentes.

Display: inline-block n'est pas reconnu sur IE6 à IE8 sauf sur certains éléments (et <li> n'en fait pas partie).

Je te propose deux solutions :
1- utiliser inline et non inline-block puisque je ne vois pas trop l'intérêt de inline-block dans ton cas
2- te renseigner sur inline-block pour l'utiliser sur IE : http://www.alsacreations.com/article/lire/1209-display-inline-block.html

Bonne chance