CSS - ul - li

[tiboel]

Petit problème de CSS que je n'arrive pas à résoudre :

imaginons la liste suivante :

La liste :
<ul>
<li>item 1
<li>item 2
<li>item 3
</ul>

Comment arriver à régler la distance verticale introduite par ul entre le titre de la liste "La liste :" et le premier item ?

Aprés pleins d'effort en jouant sur les margin-top, les padding-top etc, cet espace énorme sur ma page est toujours si peu esthétique.

Merci beaucoup !

[Dan]

La liste :
<ul style="margin-top:0px;">
<li>item 1</li>
<li>item 2</li>
<li>item 3</li>
</ul>

marche très bien chez moi ...

Penses à fermer tes balises <li>

[Régis]

Bonjour,

Il y a quelques instants, je lisais cet article "Domptez vos puces, dressez des listes"... Peut-être y touveras-tu des infos suppléméntaires sur la mise en forme des listes...

[LaurentDenis]

Si ta liste est précédée d'un véritable élément de titre, la marge inférieure de celui-ci doit être annulée elle aussi :

<h1 style="margin-bottom:0;">La liste :</h1>
<ul style="margin-top:0;">
<li>item 1</li>
<li>item 2</li>
<li>item 3</li>
</ul>

[PsyKoTiK]

ne vaudrait-il pas mieux spécifier les 0px au lieu de simple 0 pour une meilleure compatibilité du code entre les différents navigateurs ?

[LaurentDenis]

ne vaudrait-il pas mieux spécifier les 0px au lieu de simple 0 pour une meilleure compatibilité du code entre les différents navigateurs ?

<{POST_SNAPBACK}>

Une valeur de longueur (dénotée par <longueur> dans cette spécification) est formée d'un caractère de signe facultatif ('+' ou '-', '+' étant le défaut), suivi immédiatement par un <nombre> (avec un point décimal ou non) et suivi immédiatement par un identifiant d'unité (ex. px, deg, etc.). Pour une valeur de longueur '0', l'identifiant d'unité est facultatif.