[résolu] symboles d'images pour listes

bonjour et bonne année à tous

j'ai un souci avec mes listes (voir le code en dessous)
je souhaite avoir 3 niveaux dans mes listes, et chacune prenant un symbole différent au niveau de l'image attachée
les titres : pucelosange.gif (ça ça marche)
les soustitres : puce.gif (ça marche aussi)
les soustitres de mes soustitres où je veux que ça m'affiche le symbole par défaut... et c'est cette partie là qui ne fonctionne pas (soustitre231, 232, 233)

css:

#puce ul {
	margin-left: 20px;
	padding-left: 0px;
	list-style-image: url(../images/systeme/pucelosange.gif);
	list-style-position: inside;
}
#puce ol {
	margin-left: 20px;
	padding-left: 0px;
	list-style-image: url(../images/systeme/puce.gif);
	list-style-position: inside;
}
#puce li {
	margin-left: 10px;
	padding-left: 0px;
	list-style-position: outside;
}

html:

<div id="puce" align="left">
	<ul>
		<li>titre1
			<ol>
				<li>soustitre11</li>
			</ol>
		</li>
		<li>titre2
			<ol>
				<li>soustitre21</li>
				<li>soustitre22</li>
				<li>soustitre23
					<ol>
						<li>soustitre231</li>
						<li>soustitre232</li>
						<li>soustitre233</li>
					</ol>
				</li>	
			</ol>
		</li>
	</ul>
</div>

si quelqu'un peut m'aider à me dire ce qui ne va pas dans mon code

merci beaucoup
Modifié par mussara (04 Jan 2007 - 16:03)

Et si tu fais :

#puce ul li {
	margin-left: 20px;
	padding-left: 0px;
	list-style-image: url(../images/systeme/pucelosange.gif);
	list-style-position: inside;
}
#puce ol li {
	margin-left: 20px;
	padding-left: 0px;
	list-style-image: url(../images/systeme/puce.gif);
	list-style-position: inside;
}
#puce ol ol li {
	margin-left: 10px;
	padding-left: 0px;
	list-style-position: outside;
}

çà marche ?
Modifié par CNeo (04 Jan 2007 - 15:38)

non ça ne marche pas mieux, je me retrouve avec le symbole du parent à savoir puce.gif

Il faut mettre list-style-type: none sinon la valeur est héritée du parent.
> http://wiki.media-box.net/documentation/css/list-style-image

en effet...

merci beaucoup