[résolu]Puces différentes pour liste imbriquées

Voilà après avoir lu ce tuto je n'arrive pas à avoir des images de puces différentes dans mon 2ème niveau de liste. Pour mon deuxième niveau je me retrouve avec la puce de la 1ère liste + la puce de la deuxième.

		<ul class="menu_left_liste1">
			<li>Civisme</li>			
			<li>Expression</li>
			<li>Nature</li>	
			<li>Campisme</li>	
			<li>Communication</li>		
			<li>Sport
				<ul class="liste_2">
					<li>Echauffements</li>
					<li>Olympiades</li>
					<li>Jeux</li>
					<li>Parcour Hebert</li>
					<li>Sport d'équipe</li>
					<li>Athlétisme</li>
					<li>Natation</li>
				</ul>
			</li>
		</ul>

Modifié par windvins (19 Jun 2007 - 18:53)

BONJOUR à toi aussi,

Et ça, ça fonctionne ? :

ul.menu_left_liste1 li {
list-style-image: url("puce1.gif");
}

ul.menu_left_liste1 li ul.liste_2 li{
list-style-image: url("puce2.gif");
}

Salut,

la version sans images :

ul.menu_left_liste1 {
	list-style-type:square; 
}
.menu_left_liste1 li {
	font-size:14px;
}
ul.liste_2 { 
	list-style-type:circle;
}
.liste_2 li { 
	font-size:10px;
}

Et comme dirait Florent : lisez les specs Boudiou !
(j'me la pète un peu mais je le fais depuis peu et c'est vrai que ça simplifie la vie !)