28172 sujets

CSS et mise en forme, CSS3

Bonjour,

Une petite question ....j'ai adapté un menu (de navigation) à mon goût ... seulement je n'arrive pas à l'avoir vertical (un bouton sous l’autre). Qu'est ce qui cloche dans mon code ?

body {
 background-color: #3C3230; 
 font-family: Arial, sans-serif; 
 font-size: 100%;
 }

ul {
 padding:20;
 margin:20;
 list-style-type:yes;
 }
li {
 float:left; /*pour IE*/
 }
 
ul li a {
 display:block;
 float:left;   
 width:113px;
 line-height:55px; /*hauteur de l'image de fond*/
 background: url(bt.png) repeat-x;
 color:#DCDCDC;
 text-decoration:none;
 text-align:center;
 }
ul li a:hover {
 background: url(bt.png) repeat-x;
 color:white;
 }


si quelqu'un aurait la gentillesse de me mettre sur la voie.

Remerciements
Salut,

si tu utilises des positionnement float left sur tes balises <li>, tes listes seront forcement les unes à côté des autres.
C'est également inutile sur tes balises <a> enfants.