Menu html / css

Fermé
Anaïs - 26 mars 2011 à 18:48
 Anaïs - 27 mars 2011 à 17:08
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

A voir également:

3 réponses

Zaki_N. Messages postés 107 Date d'inscription dimanche 2 mai 2010 Statut Membre Dernière intervention 8 décembre 2012 49
27 mars 2011 à 10:26
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/
2
Stéphane18 Messages postés 372 Date d'inscription jeudi 3 mars 2011 Statut Membre Dernière intervention 20 février 2019 132
26 mars 2011 à 23:01
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
0
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 ... !!
0
theshadoo Messages postés 786 Date d'inscription samedi 26 mai 2007 Statut Membre Dernière intervention 3 mai 2016 123
27 mars 2011 à 15:45
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
0
merci,, mais j'ai toujours ce problème de texte :(
0