28234 sujets

CSS et mise en forme, CSS3

[resolu] Création d'une liste verticale

Bonjour,

J'ai qq soucis pour la création d'une liste verticale. Justement, le problème est que ma liste ne veux absolument placer les éléments l'un sous l'autre!!
Je commence à avoir les yeux qui piquent à force de chercher l'erreur. Peut-être qu'un regard plus frais que le mien pourra pointer l'erreur!!!

voici le code html :

        <ul class="grid-2 alpha omega" id="menu-list">
            <li>titre 1</li>
            <li>titre 2</li>
            <li><a href="#">index</a></li>
            <li><a href="#">TITRE</a></li>
        </ul>


et voici mon css :

ul#menu-list {
  list-style-type: none;
  font-size: 1em; 
  font-family: Tahoma, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;
  width:120px;
  margin:25px 0 0 0;
}

ul#menu-list li {
  float: left;
}

ul#menu-list a {
  float: left;
  color:#AEAEA0; /*sand*/
  text-align: left;
  margin: 0;
  padding: 0;
  text-decoration: none;
  display:block;
}

ul#menu-list a:hover {
  color:#262624; /*black*/
}
ul#menu-list a.on {
  color:#262624; /*black*/
}


j'ai pourtant bien placé un display block sur ma balise <a> !

Merci à qui veux bien m'éclairer!! Smiley smile
Modifié par nforum (25 Jan 2010 - 12:17)
Si tu souhaites que tes éléments soient empilés, pourquoi avoir mis les balises li en flottant ?

edit: zut, Heyoan a été plus rapide que moi, pour une fois que j'avais la réponse ^^
Modifié par maosalia (25 Jan 2010 - 12:08)
Sujet clos
Aller à