Menu html / css

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

A voir également:

3 réponses

Zaki_N. Messages postés 113 Statut Membre 49
 
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 416 Statut Membre 132
 
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
Anaïs
 
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 878 Statut Membre 123
 
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
Anaïs
 
merci,, mais j'ai toujours ce problème de texte :(
0