[resolu] interlignes dans une liste avec CSS

[calimo]

Bon sang, mais c'est bien sûr !
Le padding/margin s'applique au <ul>, pas aux <li>s

Code : Tout sélectionner

#espace { 
margin: 0; 
padding: 0; 
} 
#espace li { 
margin: 0; 
padding: 0; 
padding-bottom: 2em; 
list-style-type: none; 
} 
#espace ul { 
border: 1px solid #ff0000; 
margin: 0; 
padding: 0; 
} 

Là tu es tranquille

PS : ton div#espace ne sert à rien. Supprime le et applique #espace directement sur ul (ça te permettra de supprimer la règle #espace et de transformer #espace ul soit en ul#espace soit simplement en #espace


PPS : dans ce genre de cas, utilise Web Developer, entourer > élément personnalisé et entoure les ul, les li et les div.
Ça te permettra de voir immédiatement entre quoi il y a ce décalage. En l'occurence, c'était entre le ul et les li, donc soit un espacement (padding) des ul soit une marge des li
En tous les cas, laisse également margin:0 sur le ul car dans Opera je crois que ça pourrait poser des problèmes (mais en fait si je me souviens bien ils avaient modifié récemment leur comportement…)

@Ymai : les marges ne sont pas héritées par leurs enfants. Voir http://www.yoyodesign.org/doc/w3c/css2/ ... properties

Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; fr; rv:1.8.0.4) Gecko/20060508 Firemarsupilami Firefox/1.5.0.4

[galad]

Calimo, merci pour ces explications. Je vais rectifier dans la journée et je reviendrai vous donner le résultat.

Bon dimanche à tous.

[galad]

Sur ma page de test, cela fonctionne parfaitement sous IE et FF, j'espère aussi sous opera.

Merci beaucoup