[résolu] Puce li en image

bonjour

est-ce possible de remplacer les styles de puces de li par une image
si, oui, comment fait-on svp?


merci d'avance
Modifié par Elianora la blanche (27 Feb 2006 - 18:46)

oui, c'es tres simple :

ul
{
list-style-image: url(monimage.gif);
}

Bonjour,

quelques liens pour aller plus loin:
CSS: on reprend tout à zéro - 5-des listes à gogo
List Tricks sur CSS-Discuss (en)(et le lien vers ListAMatic)
Modifié par Felipe (26 Feb 2006 - 12:51)

merci beaucoup, je vais tester ça et jeter un oeil aux sites

ça fonctionne très bien sauf que la puce est un peu trop loin de son texte

http://lilianafinn.free.fr/Nomade
la fleche est en dehors du cadre du menu, c'est pas très joli ni très pratique

si je mets des marges (internes ou externes) ça décale le trait horizontal de séparation des li

coment est-ce que je pourrais faire?

bonjour,
essai un:

list-style-position:inside;

N'hesiter a te servir des dicos en ligne, pour te faire une idée des regles css applicable a tel ou tel balises .
a plus

merci c'est super comme ça!

je me rends compte que la css c'est drolement vaste...