[RESOLU] Nommer ces listes à puce

Bonjour,

je dispose de deux menus de façon suivante:

<div id="menugauche">
	<h2 class="dossier"></h2>
		<ul>
			<li>Lien</li>
			<li>Lien</li>
			<li>Lien</li>
			<li>Lien</li>
			<li>Lien</li>
			<li>Lien</li>
	    </ul>
	<h2 class="multimedia"></h2>
		<ul>
			<li>Lien</li>
			<li>Lien</li>
			<li>Lien</li>
			<li>Lien</li>
			<li>Lien</li>
			<li>Lien</li>
	    </ul>
</div> 

Je souhaite en faite mettre de deux puces différences, une pour le <ul> de la classe dossier et une pour multimedia.


J'ai essayé de faire un truc comme ca:

.dossier ul {
	list-style-image: url("puce1.jpg");
}

et

.multimedia ul {
	list-style-image: url("puce2.jpg");
}

Ca ne marche pas. Normalement c'est correct non ce que j'ai fait ?


merci pour votre aide.



PS: Oui cette fois-ci j'ai pensé à regarder dans la FAQ
Modifié par Lune (28 Sep 2006 - 16:00)

bonjour...

ce n'est pas très correct car la classe ne s'applique qu'au tag h2 qui est clos bien avant le début du tag ul.

possibilité :

<ul class="dossier">
...
</ul>

ul.dossier {
	list-style-image: url("puce1.jpg");
}