Taille d'une liste

Salut à tous,

J'ai un petit problème avec les espacements et les spécifications de taille dans une liste.

J'ai isolé mon problème, c'est disponible ici : http://www.gougueule.net/pub/test.html

J'aimerai que chaque bloc LI fasse 100px de large et 40 px de hauteur pour uniformiser le placement dans le UL mais impossible à faire, je n'arrive pas à trouver le bon code CSS.

Si quelqu'un peut m'aider ça serait sympa.

Merci.

même avec un display: block; width:100px; height:40px et line-height:40px; (pour les pb d'IE) ?

Salut,

Rajoute un float: left; a ton li {}, pour moi sa marche

<style type="text/css">
<!--ul {
width: 400px;
height: 40px;
border: 1px solid #000;
padding:0px;
margin:0px;
}
li {
width: 100px;
height: 40px;
display: block;
background-color:#00CCCC;
text-align:center;
float: left;
}-->
</style>

a+
Modifié par Bazunga (15 Jun 2005 - 16:25)

Si je fais un display:block ça a bien la bonne hauteur et largeur mais c'est plus affiché en ligne

Enlève le display : inline et mets un float: left.

Quand un bloc a la propriété 'en ligne', on ne peut pas jouer sur sa taille.

Ah ben oué, ça marche avec un float:left mais pourquoi ??

Je ne vois pas ce que le float vient faire ici. En tout cas merci, je n'y aurais jamais pensé tout seul...

Oublie pas le list-style-type : none dans le ul.

Moi je suis tombé dessus sur un coup de po

Salut,

Si tes li sont en display : inline, leur affecter des dimensions n'a pas de sens.
Un élément inline a la taille de son contenu.
Si tu veux fixer une taille à ton contenu, il te faudra utiliser un display block.