28172 sujets

CSS et mise en forme, CSS3

Bonjour,
Bien que mon problème semble simple;je n'ai pas réussi à trouver de réponses.
J'aimerais changer l'espacement entre deux "li" sans que cela ne change l'espacement des "sous li".Je ne peux pas changer le code HTML ci dessus.En faite,ce que j'aimerais c'est agrandir l'espacement entre "enfant" et "soins",pour que les titres du dernier sous-menu et du prochain menu n'ait pas la meme interligne que celles des sous menus entre eux.
J'ai penser à line height ou à des margin/pading mais cela ne fonctionne pas.
merci par avance.

<ul class="menuNonDeroulant">
	<li class="parfums"> <a class="over" title="parfums" href="http://"><span>parfums</span></a>

		<ul class="liste-information-inf">
		<li class="femme"><a class="on" title="femme" href="http://"><span>femme</span></a></li>

                <li class="homme"><a class="off" title="ommes" href="http://"><span>homme</span></a></li>

               <li class="enfant"><a class="off" title="enfant" href="http://"><span>enfant</span></a></li></ul>

</li><

li class="soins"><a class="off" title="soins" href="

Modifié par shoko (14 May 2009 - 09:28)
Salut shoko,

a écrit :
pour que les titres du dernier sous-menu et du prochain menu n'ait pas la meme interligne que celles des sous menus entre eux.

li {
    /* règles pour tous les li  */
}
li li {
    */ règles pour les li descendants d'un li */
}
Les li de premier niveau vont être ciblés uniquement par la première déclaration. Pour tous les niveaux de profondeur suivants, en revanche, la deuxième déclaration va aussi jouer. Il te suffit donc de modifier les styles de tes sous-menus dans la deuxième déclaration.
merci pour ta réponse cela fonctionne
j'aurais encore un petit problème en ce qui concerne les puces de ma liste.J'aimerais affecter une image en tant que puce à mes li li cependant rien ne s'affiche.J'ai essayé d'utiliser des margin-left,list-style-position:inside,overflow:visible mais sans succès.

div.nomdemondiv ul li li{
     list-style-image: url(../images/puceListe.png);}
Ta déclaration css est correcte, il faudrait voir une page en ligne. Peux-tu nous donner une url ?