Menu deroulant html/css
Résolu
schancel
Messages postés
296
Date d'inscription
Statut
Membre
Dernière intervention
-
bg62 Messages postés 23433 Date d'inscription Statut Modérateur Dernière intervention -
bg62 Messages postés 23433 Date d'inscription Statut Modérateur Dernière intervention -
Bonjour,
j'aimerai connaitre comment on fait un menu deroulant en html/css
malgré tous les tuto je ne comprend toujour pas le principe
ici je voudrai créer un menu "mon compte"
puis la liste deroulante sera cependant constitué de
"se deconnecter ,parametre du compte,se desinscrire,"
j'aimerai connaitre comment on fait un menu deroulant en html/css
malgré tous les tuto je ne comprend toujour pas le principe
ici je voudrai créer un menu "mon compte"
puis la liste deroulante sera cependant constitué de
"se deconnecter ,parametre du compte,se desinscrire,"
2 réponses
-
je dirais plutôt qu'il faut utiliser en + javascript (qui s'utilise coté client) donc dans le navigateur du visiteur
il y a des logiciels pour les faire facilement comme ces 2 ci mais payants :
https://www.sothink.com/product/treemenu/
https://www.sothink.com/product/dhtmlmenu/
Signature hors charte - Supprimée par la modération-
-
j'ai trouvé un sujet (résolu) pour faire un menu déroulant en HTML sur comment ça marche (ce forum-ci en fait) : https://forums.commentcamarche.net/forum/affich-1307316-comment-faire-un-menu-deroulant-en-html
Lit ce sujet et je pense que tu aura ta solution -
je vais expliquer le principe pour le faire uniquement en css
il y a deux principe pour le faire en css (mêle si sa reste du javascript) on peut jouer avec le positionnement c'est à dire qu'au chargement de ta page tout le bloc(menu déroulé) tu le dégage a coté de la page avec un margin-right:-3000px par exemple et enfin au survol (hover =>JS) tu repositionnes ton élément et il y a la solution du magicien qui consiste a faire disparaître cette même boite que tout a l'heure et la faire réapparaître au survol de la souris et ça se fait avec la propriété display:none et la remodifier avec bloc ou in-line au survol -
-
-
-
voici quelques petits exemples et leurs sources que tu peux adapter:
https://www.unesourisetmoi.info/menus/menus.php
;)
