[Résolu] Listes à puces avec images.

[Zibou]

Bonsoir,

Autre demande d'info (le der ?), qui concerne les listes à puces.

J'ai remplacé les puces d'origine par un dessin (pris parmi les "puces" d'OpenOffice), avec comme règle :

ul { list-style-image: url(nom du dossier/nom de la puce.gif); }

C'est pas mal, ça a de la gueule.

Mais ... comme il y a trois niveaux dans les listes, avec trois retraits différents, j'aimerai avoir 3 puces différentes en fonction du niveau.

Je n'ai rien trouvé sur ceci, dans aucun ouvrage ou tutoriel consultés. J'ai donc fouiné du côté des codes sources de listes d'origine (3 puces différentes : cercle plein, cercle vide, carré), en essayant de trouver la logique, que j'ai tenté de reproduire : sans succès.

D'abord, est-ce possible ?

Et si oui, comment faire ?

Cordialement,

[Ymai]

Bonjour
Il faut jouer avec les niveaux d'imbrication dans la feuille de styles. Quelque chose comme

Code : Tout sélectionner

ul { list-style-image: url(nom du dossier/nom de la puce1.gif); }
ul ul { list-style-image: url(nom du dossier/nom de la puce2.gif); }
ul ul ul { list-style-image: url(nom du dossier/nom de la puce3.gif); }

[Zibou]

Bonsoir,

Parfait, ça marche !

Une fois de plus : concis, précis ... et juste !

Merci beaucoup.