Discussion :

[eppo81]

Bonjour,

Je souhaite créer un menu qui fonctionne de la manière suivante : au départ, une liste principale est affiché ; quand on click sur un élément de la liste, cela fait apparaitre une sous liste.

Pour cela, voici le code html :

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
 
<ul>
	<li id="Liste_ss_menu_1">
		<a href="#">Général</a>
		<div class="Conteneur_General">
		<ul>
			<li><a href="#">Le take-off</a></li>
			<li><a href="#">Le canard</a></li>
		</ul>
		</div>
	</li>
	<li id="Liste_ss_menu_2">
		<a href="#">Prone</a>
	</li>
</ul>

Et ci dessous, le code CSS :

Code :

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

1
2
3
4
5
6
7
8
 
.Conteneur_General {
	DISPLAY: none;
}
 
#Liste_ss_menu_1 a:active > .Conteneur_General {
	DISPLAY: block;
	}

Quand je click sur général, le div ne s'affiche pas et je ne comprend pas trop pourquoi.

Merci d'avance pour votre aide.

[Erwan31]

Bonjour,

déja le div est inutile, cela suffit:

Code :

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

1
2
3
4
5
6
7
8
9
<ul>
	<li id="Liste_ss_menu_1">
		<a href="#">Général</a>
		<ul class="Conteneur_General">
			<li><a href="#">Le take-off</a></li>
			<li><a href="#">Le canard</a></li>
		</ul>
	</li>
</ul>

Ensuite a:active > .Conteneur_General cible uniquement l'élément ayant dont la class est .Conteneur_General et qui est l'enfant direct d'un lien
actif, ce qui n'est pas le cas actuellement.
D'autre part IE6 ne comprend pas le selecteur d'enfant ">".
Le seul moyen d'obtenir un menu déroulant suffisament accessible est de passer par JS. Voir les menus déroulant proposés par Bisunurs sur ce site.