28173 sujets

CSS et mise en forme, CSS3

Bonjour,

J'ai un petit bug sous IE dans mon menu horizontal (chemin hierarchique).
La largeur du ul semble raccourci pour le contenu, le contenu des li passent à la ligne : -http://www.vin*itroc.com/etiqu*eteuse-adhe*sive-mec*amarc-a14.html

J'ai mise en background rouge pour mieux voir ce qu'il se passe.

Et voici le code css associé :

/* -------------- Chemin --------------- */

ul#chemin {
width: 679px;
height: 24px;
font-size: 11px;
float: left;
margin: 0px 0px 15px 0px;
padding: 6px 10px 0px 195px;
list-style: none;
background-image: url('images/fc.gif');
background-repeat: no-repeat;
background-color: #ffcc00;
}

ul#chemin li {
margin: 0px;
padding: 0px;
float: left;
color: #980065;
font-size: 11px;
background-color: #ff6600;
}

ul#chemin li a {
font-size: 11px;
color: #980065;
text-decoration: none;
}

ul#chemin li a:hover {
text-decoration: underline;
}

/* -------------- Fin Chemin --------------- */


Merci de votre aide ! A+
Modifié par Netsys (17 Jun 2006 - 08:40)
Salut,

Petite modif à faire :
ul#chemin li {
margin: 0px;
padding: 0px;
[#red]float: left;[/#]
color: #980065;
font-size: 11px;
background-color: #ff6600;
}

ul#chemin li {
margin: 0;
padding: 0;
[#orange]display: inline;[/#] [#gray]/* affichage en ligne de la liste */[/#]
color: #980065;
font-size: 11px;
background-color: #ff6600;
}


("display: inline;" s'oppose à "display: block", le comportement par défaut d'une liste.)
Modifié par Smiley neko (19 May 2006 - 17:24)
Merci beaucoup cela fonctionne !
Le problème n'apparaissait que sous IE, je pensais alors que c'était (encore) un bug de ce dernier.