Propriétés CSS de UL

Résolu/Fermé
heliconius Messages postés 545 Date d'inscription mardi 1 juillet 2008 Statut Membre Dernière intervention 23 juin 2023 - 15 sept. 2013 à 01:12
 Profil bloqué - 15 sept. 2013 à 02:19
Bonsoir,

Y a-t-il quelqu'un qui connaîtrait la propriété CSS pour modifier la marge haute d'une liste ?
Je m'explique. Dans le code suivant :
<p>Cette fonction effectue différentes opérations :
<ul>
<li> premièrement ....
<li> deuxièmement ...
<li> troisièmement ...
</ul>
et restitue un résultat bla bla bla...</p>
Les différentes lignes <li> ont un espacement "normal" mais avec la balise <ul>, il y a systématiquement un espace entre la ligne "...différentes opérations :" et la première ligne de la liste.

J'ai essayé différents attributs de style : margin-top:0px; padding-top:0px; et peut-être même d'autres que j'ai oubliés dans tous mes essais mais je n'arrive pas à trouver celui qui conviendrait. En fait j'aimerais que, liste ou pas liste, l'interlignage soit identique partout. Je pourrais ne pas mettre de <li> et faire des retours à la ligne <br/> mais l''intérêt pour moi de mettre des <li> est que je peux définir une seule fois un style pour <li> avec un :
list-style-image: url(doigt.gif);
et d'éviter de recopier x fois <img src="img/doigt.gif"> et ne pas avoir à gérer l'alignement gauche du texte si un élément <li> tient sur plusieurs lignes.

Merci pour votre aide.

1 réponse

Profil bloqué
15 sept. 2013 à 02:19
Salut,

Oublie pas de fermer la balise li à chaque fois: <li>...</li>

Ensuite, je pense qu'il faut que tu fasses ça :

ul{padding-top:0px;}

Au besoin tu peux tricher avec un margin-top:-10px par exemple.

Enfin, tu peux toujours spécifier le display sur tes éléments (block pour mettre des margin si besoin).
1