Discussion :

[cyber_N]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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.

[Erwan31]

Bonjour,
attention les menus déroulant sur plusieurs niveaux de profondeur sont déconseillés pour des raisons d'ergonomie et d'accessibilité.

[Candygirl]

Bonjour,

2 choses:

- 1 id doit être unique sur la page donc tu ne peux pas avoir 2 li portant l'id element 311

- tu ne peux mettre d'espace dans ton nom d'id. Un espace dans un sélecteur css indique un élément descendant d'un autre. Il cherche un élément 1 (qui n'existe pas) descendant d'un li qui porte l'id "element".

[cyber_N]

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.

[pop_up]

le fait qu'une sous liste s'imbrique dans un <li> peut peut être perturber l'affichage des background non ?

J'ai pas essayé donc j'essaie juste de trouver des pistes.

Sinon, si comme je le pense, tu as des liens dans tes <li>, tu peux essayer de mettre un background sur tes liens en les mettant en display: block; non ?

a tester