Discussion :

[zamanika]

Bonjour,

Un petit problème qui m'arrache le peu de cheveux qu'il me reste...

J'ai des menus créés avec des listes à puces. Je désire dans ces listes mettre en surbrillance le menu consulté.

Voilà ce que je voudrais voir à l'écran :

Si on est dans le menu 1 :

- lien menu 1
-- lien sous menu 1
-- lien sous menu 2

Si on est dans le sous menu1 :

- lien menu 1
-- lien sous menu 1
-- lien sous menu 2

Le problème avec ma css c'est que ça donne ça :

Si on est dans le menu 1 (donc pas bon)
- lien menu 1
-- lien sous menu 1
-- lien sous menu 2


Si on est dans le sous menu1 (là c'est bon):
- lien menu 1
-- lien sous menu 1
-- lien sous menu 2

Donc, pour le deuxième cas ça marche, mais pour le premier ça me met le menu 1 et les sous menus en rouge. Or je ne voudrais en rouge que le menu 1 et pas les sous menus. De ce que je comprends, c'est que mes sous menus héritent des propriétés de couleur du lien du menu 1. Et je n'arrive pas à "annuler" cet héritage... En revanche, le changement de style entre "square" et "circle" se fait correctement.

Voilà mon code CSS :

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
/*affichage du menu par défaut - i.e non sélectionné*/
#droite li.rub_defaut{
	list-style-type:square;
}
#droite a {
	color:black;
}
 
/*affichage du menu en surbillance - i.e sélectionné*/
#droite li.surb_rub{
	list-style-type:circle;
}
#droite li.surb_rub a{
	color:red;
}

Voilà mon code html lorsque ça ne marche pas (menu1 à mettre seul en surbrillance ):

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
<div class="droite">
 
<ul>
	<li class="surb_rub"><a href="#">menu 1</a>
		<ul>
			<li class="rub_defaut"><a href="#">sous menu 1</a></li>
			<li class="rub_defaut"><a href="#">sous menu 2</a></li>
		</ul>
	</li>
</ul>
 
</div>

Merci pour votre aide !

[MasterOfChakhaL]

peut-être en ajoutant cela:

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
19
20
21
 
/*affichage du menu par défaut - i.e non sélectionné*/
#droite li.rub_defaut{
	list-style-type:square;
}
#droite a {
	color:black;
}
 
/*affichage du menu en surbillance - i.e sélectionné*/
#droite li.surb_rub{
	list-style-type:circle;
}
#droite li.surb_rub a{
	color:red;
}
 
/* rétablir la règle pour les liens dans la liste imbriqué */
#droite li.surb_rub li a {
	color: black;
}

[zamanika]

Impeccable

Merci