Logo GNT
Actualités Tests & Guides Bons Plans
Twitter iPhone pliant OnePlus 11 PS5 Disney+ Orange Livebox Windows 11
Entraide Développement Développement Langage PHP Changer les styles d'un menu et du sous-menu associé

Changer les styles d'un menu et du sous-menu associé

1 réponse
Avatar
EricF
Bonjour =E0 tous :-)

J'ai un menu + sous-menu (les sous-menus sont cach=E9s et apparaissent
lors du clic sur un menu de niveau 1) classique compos=E9 de listes =E0
puces :

<ul id=3D"menuGauche">
<li><a href=3D"page1.htm">Section 1</a>
<ul>
<li><a href=3D"#">Sous-menu 1 section 1</a></li>
<li><a href=3D"#">Sous-menu 2 section 1</a></li>
<li><a href=3D"#">Sous-menu 3 section 1</a></li>
</ul>
</li>
<li><a href=3D"page2.htm">Section 2</a>
<ul>
<li><a href=3D"#">Sous-menu 1 section 2</a></li>
<li><a href=3D"#">Sous-menu 2 section 2</a></li>
<li><a href=3D"#">Sous-menu 3 section 2</a></li>
</ul>
</li>
</ul>

Lorsque je s=E9lectionne, par exemple, le sous-menu 3 de Section 1, ce
sous-menu prend une couleur diff=E9rente.
J'ai besoin que le menu de niveau 1 Section 1 soit aussi d'une couleur
diff=E9rente (en l'occurence, le m=EAme style que le sous-menu
s=E9lectionn=E9).

Je s=E8che...
Une id=E9e ?

Merci, et bonne journ=E9e
Signaler un problème avec ce contenu

1 réponse

Supprimer
Cette action est irreversible, confirmez la suppression du commentaire ?
Signaler le commentaire

Veuillez sélectionner un problème

Nudité
Violence
Harcèlement
Fraude
Vente illégale
Discours haineux
Terrorisme
Autre
Avatar
CrazyCat
EricF a écrit :
<ul id="menuGauche">
<li><a href="page1.htm">Section 1</a>
<ul>
<li><a href="#">Sous-menu 1 section 1</a></li>
<li><a href="#">Sous-menu 2 section 1</a></li>
<li><a href="#">Sous-menu 3 section 1</a></li>
</ul>
</li>
<li><a href="page2.htm">Section 2</a>
<ul>
<li><a href="#">Sous-menu 1 section 2</a></li>
<li><a href="#">Sous-menu 2 section 2</a></li>
<li><a href="#">Sous-menu 3 section 2</a></li>
</ul>
</li>
</ul>

Lorsque je sélectionne, par exemple, le sous-menu 3 de Section 1, ce
sous-menu prend une couleur différente.
J'ai besoin que le menu de niveau 1 Section 1 soit aussi d'une couleur
différente (en l'occurence, le même style que le sous-menu
sélectionné).



mettre un id aux li des sections (id="sec1", id="sec2") et un petit
javascript pour tes sous-menus:
document.getElementById("sec1").style.background-color = #ffffff;

Le code est surement faux mais dans l'esprit

--
Astuces pour webmasters: http://www.crazycat.info
Tchat francophone: http://www.crazy-irc.net