OVH Cloud OVH Cloud

Niveau de ul

5 réponses
Avatar
FiLH
Bonjour,

Je n'ai pas trouvé dans les docs ou sur le web de méthode pour pouvoir
modifier l'apparence d'un item list d'un niveau donné.

Et je n'ai pas vraiment réussi, apparament je maîtrise mal les notions
de descendances.

Quelqu'un sait comment faire ? Je voudrais par exemple séparer mes
items de niveau 1 de 2em celles de niveau 2 de 1em..

FiLH

--
FiLH photography. A taste of freedom in a conventional world.
Web: http://www.filh.org e-mail filh@filh.org
FAQ fr.rec.photo : http://frp.parisv.com/
Sitafoto la photo a Bordeaux : http://sitafoto.free.fr/

5 réponses

Avatar
ASM
FiLH a écrit :

Quelqu'un sait comment faire ? Je voudrais par exemple séparer mes
items de niveau 1 de 2em celles de niveau 2 de 1em..




ul { margin-top: 2em }
ul ul { margin-top: 1em }


--
Stephane Moriaux et son [moins] vieux Mac
Avatar
FiLH
ASM writes:

FiLH a écrit :
> Quelqu'un sait comment faire ? Je voudrais par exemple séparer mes
> items de niveau 1 de 2em celles de niveau 2 de 1em..


ul { margin-top: 2em }
ul ul { margin-top: 1em }



Merci, en fait :

ul li
ul ul li

a bien marché, ce doit être la seule combinaison que je n'avais pas
testé..

FiLH

--
FiLH photography. A taste of freedom in a conventional world.
Web: http://www.filh.org e-mail
FAQ fr.rec.photo : http://frp.parisv.com/
Sitafoto la photo a Bordeaux : http://sitafoto.free.fr/
Avatar
ASM
FiLH a écrit :

Merci, en fait :

ul li
ul ul li

a bien marché, ce doit être la seule combinaison que je n'avais pas
testé..



oui, en effet c'est mieux avec :
li
li li

bon, c'était pas loin :-)

--
Stephane Moriaux et son [moins] vieux Mac
Avatar
FiLH
ASM writes:

FiLH a écrit :
> Merci, en fait : ul li
> ul ul li a bien marché, ce doit être la seule combinaison que je
> n'avais pas
> testé..

oui, en effet c'est mieux avec :
li
li li




Ben non li
li li
ne fonctionne pas :( C'est que j'ai testé en premier.

Bon en fait j'ai plutôt

#unid ul ul li
#unid ul li

Je ne sais trop si il y a un lien de cause à effet.

FiLH

--
FiLH photography. A taste of freedom in a conventional world.
Web: http://www.filh.org e-mail
FAQ fr.rec.photo : http://frp.parisv.com/
Sitafoto la photo a Bordeaux : http://sitafoto.free.fr/
Avatar
Patrick 'Zener' Brunet
Bonjour.

Je réponds à FiLH
qui dans a écrit :
ASM writes:
FiLH a écrit :
Merci, en fait : ul li
ul ul li a bien marché, ce doit être la seule combinaison que je
n'avais pas
testé..


oui, en effet c'est mieux avec :
li
li li




Ben non li
li li
ne fonctionne pas :( C'est que j'ai testé en premier.

Bon en fait j'ai plutôt

#unid ul ul li
#unid ul li

Je ne sais trop si il y a un lien de cause à effet.




Soupçons: votre imbrication des ul et li est-elle correcte ?

C'est une erreur classique, superbement rattrapée par beaucoup de
navigateurs, mais qui bien sûr va jouer sur les sélecteurs CSS.

Donc normalement:

<ul>
<li>aaa</li>
<li>bbb:
<ul>
<li>bbb 1</li>
<li>bbb 2</li>
</ul></li>
<li>ccc</li>
</ul>

et là les <li> sont bien imbriqués.

Cordial<ly>

--
/***************************************
* Patrick BRUNET
* E-mail: lien sur http://zener131.free.fr/ContactMe
***************************************/