Soumenu deroulant
Résolu
manelsousse
-
graffx Messages postés 6506 Date d'inscription Statut Contributeur Dernière intervention -
graffx Messages postés 6506 Date d'inscription Statut Contributeur Dernière intervention -
Bonjour,je veux créer une liste de menu horizontal qi contient("acceuil',"présentation","contact"....)et je veux que lorsque je met la souris sur la zone acceuil par exemple un soumenu s'affiche("sigle",information"....) merci
A voir également:
- Soumenu deroulant
- Menu déroulant excel - Guide
- Excel menu déroulant en cascade - Guide
- Menu déroulant google sheet - Accueil - Guide bureautique
- Supprimer menu déroulant excel - Forum Excel
- Menu déroulant windows 11 - Guide
4 réponses
Salut,
Sur le site alsacreations.com tu peux trouver des tutoriels pour créer des menus déroulant en CSS et XHTML.
Voici le lien : http://css.alsacreations.com/Construction-de-menus-en-CSS/Un-menu-deroulant-en-CSS-et-XHTML-vertical-et-horizontal
Dans les "Exemples du tutoriel", tu cliques sur "Menu déroulant vers le haut" et si c'est bien ce genre de menu que tu veux faire au final, le code est disponible.
Voilà, bon courage !
Sur le site alsacreations.com tu peux trouver des tutoriels pour créer des menus déroulant en CSS et XHTML.
Voici le lien : http://css.alsacreations.com/Construction-de-menus-en-CSS/Un-menu-deroulant-en-CSS-et-XHTML-vertical-et-horizontal
Dans les "Exemples du tutoriel", tu cliques sur "Menu déroulant vers le haut" et si c'est bien ce genre de menu que tu veux faire au final, le code est disponible.
Voilà, bon courage !
voila, copyright alsacreations, mais c' est pas difficile a trouver sur internet:
<dl id="menu">
<dt onclick="javascript:montre();"><a href="#">Menu 1</a></dt>
<dt onclick="javascript:montre('smenu2');">Menu 2</dt>
<dd id="smenu2">
<ul>
<li><a href="#">Sous-Menu 2.1</a></li>
<li><a href="#">Sous-Menu 2.2</a></li>
<li><a href="#">Sous-Menu 2.3</a></li>
</ul>
</dd>
<dt onclick="javascript:montre('smenu3');">Menu 3</dt>
<dd id="smenu3">
<ul>
<li><a href="#">Sous-Menu 3.1</a></li>
<li><a href="#">Sous-Menu 3.1</a></li>
<li><a href="#">Sous-Menu 3.1</a></li>
<li><a href="#">Sous-Menu 3.1</a></li>
<li><a href="#">Sous-Menu 3.1</a></li>
<li><a href="#">Sous-Menu 3.1</a></li>
</ul>
</dd>
<dt onclick="javascript:montre('smenu4');">Menu 4</dt>
<dd id="smenu4">
<ul>
<li><a href="#">Sous-Menu 4.1</a></li>
<li><a href="#">Sous-Menu 4.1</a></li>
</ul>
</dd>
</dl>
<dl id="menu">
<dt onclick="javascript:montre();"><a href="#">Menu 1</a></dt>
<dt onclick="javascript:montre('smenu2');">Menu 2</dt>
<dd id="smenu2">
<ul>
<li><a href="#">Sous-Menu 2.1</a></li>
<li><a href="#">Sous-Menu 2.2</a></li>
<li><a href="#">Sous-Menu 2.3</a></li>
</ul>
</dd>
<dt onclick="javascript:montre('smenu3');">Menu 3</dt>
<dd id="smenu3">
<ul>
<li><a href="#">Sous-Menu 3.1</a></li>
<li><a href="#">Sous-Menu 3.1</a></li>
<li><a href="#">Sous-Menu 3.1</a></li>
<li><a href="#">Sous-Menu 3.1</a></li>
<li><a href="#">Sous-Menu 3.1</a></li>
<li><a href="#">Sous-Menu 3.1</a></li>
</ul>
</dd>
<dt onclick="javascript:montre('smenu4');">Menu 4</dt>
<dd id="smenu4">
<ul>
<li><a href="#">Sous-Menu 4.1</a></li>
<li><a href="#">Sous-Menu 4.1</a></li>
</ul>
</dd>
</dl>