[Menu Dyn] 1 image différente par li etc.
Bonjour,
J'ai réalisé un menu dynamique mais je ne sais pas comment donner une image de fond différente pour chaque li, sous-li, sous sous li, etc.
j'ai tenté avec des ID dans les balises mais ca ne marche pas bien !
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
|
<ul id="menu">
<li id="element 1"></li> // rien car le texte+fond = 1 seule image
<li id="element 2"></li>
<li id="element 3">
<ul id="sousmenu 1">
<li id="element 31"> p2008
<ul id="sousmenu 31">
<li id="element 311"></li>
<li id="element 311"></li>
</ul>
</li>
</ul>
</li>
<li id="element 4"></li>
<li id="element 5"></li>
etc
</ul> |
Mon CSS donne (extrait) :
Code:
1
2
3
4
5
6
|
ul#menu li#element 1{ // idem pour element 2, 3, etc
background-image: url(images/navigator/button "x".jpg);
width: 215px;
height: 37px;
} |
Ca marche pour le premier niveau (element 1,2,3 etc), mais il ne m'affiche plus les sous-niveaux (element 31 etc) même si je spécifie complètement la suite, c-à-d :
ul#menu li#element 1 ul#sousmenu 1 li#element 31 { etc }
Je m'interroge donc de savoir comment customiser chaque li sans recourir à des méthodes élaborées pour les tout derniers navigateurs.
Merci pour votre aide !
Sébastien.
customisation de menu dynamique
Merci à vous deux,
Candygirl,
J'ai conçu ce post un peu trop vite ( mes id réels ne contenant ni espaces, ni doublons ) ! Merci à toi.
Erwan31,
Je suis d'accord, mais celui qui m'a demandé de le concevoir a souhaité un tel menu. Merci de ta remarque, j'en tiendrais compte.
Savez-vous tout de même comment customiser les "sous li" etc. ?
Merci,
Sébastien.
