[résolu] - Listes <li> imbriquées ...

Bonjour


Je souhaite imbriquer une liste dans une autre, seulement j'utilise une puce dans la mise en forme de la liste principale. Ce qui fait que cette meme puce réapparait dans la liste secondaire, ce que je souhaiterais éviter ...
Un peu de code sera plus explicatif je pense :

Code de mon fichier .css :

li {
	display: list-item;
	list-style-image: url(../images/puce.gif);
}

Code de mon fichier .html :

<ul>
	<li>Liste principale 1</li>
	<li>Liste principale 2
		<ul>
			<li>Liste secondaire 1</li>
			<li>Liste secondaire 2</li>
       		</ul>
        </li>
</ul>

Je ne sais comment faire afin d'éliminer cette puce dans la liste secondaire et j'en appelle donc à vos connaissance pour me tirer de ce petit pépin.


Un p'tit merci à tous et un gros "bonne fin de week end"
Modifié par Xstof (23 Aug 2006 - 14:39)

Salut,

Ce serait plutôt:

<ul>
	<li>Liste principale 1</li>
	<li>Liste principale 2
		<ul>
			<li>Liste secondaire 1</li>
			<li>Liste secondaire 2</li>
		</ul>
	</li>
</ul>

... pour que le code soit juste... Après tu peux les différencier en mettant:

li { ... }
li ul li { ... }

Modifié par koala64 (06 Aug 2006 - 19:23)

koala64 a écrit :
Salut,

Ce serait plutôt:

<ul>
	<li>Liste principale 1</li>
	<li>Liste principale 2
		<ul>
			<li>Liste secondaire 1</li>
			<li>Liste secondaire 2</li>
		</ul>
	</li>
</ul>

... pour que le code soit juste... Après tu peux les différencier en mettant:

li { ... }
li ul li { ... }

Bonsoir bestiole et merci de te pencher sur mon p'tit soucis...tu as tout à fait raison en ce qui concerne la 1ere partie de ton message, j'm'ai gouré en recopiant vite fait bien fait le code


en ce qui concerne la seconde partie de ton message je vais tester cela de suite, je ne savais pas que l'on pouvait ainsi "décrire" les listes imbriquées dans les listes

J'ai enfin pu avoir le temps de travailler sur le site et effectivement ca fonctionne tres bien

Je te remercie pour cette "astuce" dont je vais user et abuser maintenant