[Résolu] Menu déroulant html/css

Question

Kaligo

13 Apr 2022 à 16:33

Bonjour, je suis une débutante autodidacte et pour un projet je souhaite réaliser un menu déroulant en html et css. J'ai la forme mais le problème que j'ai eu est que le ''hover" ne se superpose pas avec les elements d'en dessous du coup mes images et mon text se trouve catapulté en bas de la page. Voila j'espère que j'étais assez clair. Merci en avance de vos réponses.
Kaligo-

_laurent

Modérateur

13 Apr 2022 à 16:40

Salut !

c'est presque limpide ! il manque juste ton code qu'on puisse voir ou tu en est et ce qui ne va pas. Idéalement le reproduire ici : https://jsfiddle.net/ ou la : https://codepen.io/pen/

Kaligo

13 Apr 2022 à 17:15

Ah oui désolé, le voici: https://jsfiddle.net/3qk4y0n2/1/
Aussi je ne sais pas comment faire pour que le 2e ne se mette pas en dessous de l'autre.

_laurent

Modérateur

13 Apr 2022 à 17:21

Alors,

il faut que tes dropdown-child soient positionnés en absolute (avec un top à 100% par exemple) comme ca il viendront se placer par dessus le site sans tout pousser.
https://jsfiddle.net/undless/nt73wepv/2/

Ensuite tu n'as qu'un seul dropdown pour 2 dropdown-child donc la tes deux menu vont apparaitre au survol de tout le menu. Dans l'idée, il te faut un dropdown par menu :
https://jsfiddle.net/undless/nt73wepv/3/

Attention à la balise button qui est mal fermée :

</button class>

Kaligo

13 Apr 2022 à 18:07

Merci beaucoup ! Je me rends compte maintenant que ce n'était pas bien compliqué...
Merci encore, bonne soirée !

Sujet clos

Questions générales et questions de débutants

[Résolu] Menu déroulant html/css