Forum d'entraide PHPFrance

Bonjour à tous,

J'utilise la propriété css list-style-image pour personnaliser une liste ul/li.
Mon problème, l'image de la puce est toujours plus haut que le texte du <li> correspondant.

Dans le tutoriel qui se trouve ici: http://www.tizag.com/cssT/list.php
On peut voir que par défaut,, l'image et le texte sont alignés sur la ligne de base.

Y a til un moyen de centrer verticalement l'image et le texte d'un <li>?
Merci pour vos réponses.

Mise à part l'utilisation de la propriété background-position (encore faut-il que l'image soit appelée par background-image), il n'y a aucune technique pour bien aligner verticalement une image utilisée comme puce, si ce n'est adapter les dimensions de l'image en question.

Hey ,

Avec un peu de retard, je conseille la même chose que Victor, à savoir enlever la puce automatique, et s'amuser l'arrière-plan. Ce sera nettement plus simple, plus poussé, et ça reste tout à fait correct.

Hey ,

Avec un peu de retard, je conseille la même chose que Victor, à savoir enlever la puce automatique, et s'amuser l'arrière-plan. Ce sera nettement plus simple, plus poussé, et ça reste tout à fait correct.

Itou, c'est également cette technique que j'utilise. Simple et facilement paramétrable.