Menu html / css
Anaïs
-
Anaïs -
Anaïs -
Bonjour,
Je débute dans le html et css. Pourriez vous me dire comment fait on pour faire un menu qui se déroule lorsque la souris passe dessus , je ne comprends pas du tout comment on fait.
Merci dvc
Je débute dans le html et css. Pourriez vous me dire comment fait on pour faire un menu qui se déroule lorsque la souris passe dessus , je ne comprends pas du tout comment on fait.
Merci dvc
3 réponses
-
Bonjour,
Un peu de lecture :
http://www.siteduzero.com/tutoriel-3-37795-creer-un-menu-horizontal-deroulant-en-css.html
Une remarque : Tu peux ignorer la partie JavaScript du tutoriel. J'en ai fait un sans, et Dieu merci, il fonctionne sans problème avec Firefox et IE :
https://www.gsp-securite.fr/
-
Bonsoir Anaïs, je te propose un lien d'un tutoriel vidéo sur la création d'un menu déroulant en html et css très simple à réaliser:
https://www.grafikart.fr/tutoriels/menu-deroulant-css-32 -
Merci aux deux reponses, en particulier à celle de stéphane merci :)
J'ai juste un petit bug, avec les positions relatives et absolu avec les menus. Lorsque je mets un paragraphe de texte que je veux placer en dessou du menu, j'utilise la balise <br/> sinon le texte se place en ligne sur le menu. Et lorsque le menu se deroule les lettres se mélangent avec le texte du paragraphe, ça ne fonctionne pas avec les poistions absolu et relatives..
Merci encore, si vous avez une idée pour cela ... !!-
regarde aussi ce tuto bien expliqué, effectivement tu peux faire un menu déroulant qu'en css d'ailleurs les menu dropdown les plus propre avec effet sont d'abords effectué en css puis le javascript se contente de donner des effets ou bien de compter le nombre de sous menu (pour les multi-niveaux).
https://marcarea.com/tuto/
n'utilise pas a balise <br /> pour ramener en dessous le texte, pense à mettre ta balise <a> en display: block, un menu déroulant selon ce que l'on imbrique cela peut devenir très casse tête si l'on met des propriétés qui s'annule ou bien qui hérite.
Il faut vraiment commencer au plus simple et essayer de faire son css le plus propre possible, ensuite, une fois que tu as ton action de déroulant en jouant avec les hover (display:none...) ensuite tu rajoutes le superflus correspondant au thème que tu veux lui donner -
-
