Placer sous-menu en dessous des liens :'(

Placer sous-menu en dessous des liens :'( - HTML/CSS - Programmation

Marsh Posté le 13-10-2016 à 20:40:56    

Bonjour,
 
Pour faire très simple, comment faire pour que la balise "ul" de mon sous-menu ne vienne pas s'intercaler entre les différents boutons de navigation parents :'( ?
 
J'ai bien fais un "display block" et un "display none" pour afficher le sous menu seulement après avoir cliqué sur le bouton. Je ne souhaite pas que le sous-menu vienne survoler les éléments en dessous donc je n'utiliserai pas de position relative et absolute.
 
http://image.noelshack.com/fichiers/2016/41/1476383948-capture.png
 
Cordialement, Romain.

Message cité 1 fois
Message édité par spindrow2 le 13-10-2016 à 20:42:40
Reply

Marsh Posté le 13-10-2016 à 20:40:56   

Reply

Marsh Posté le 14-10-2016 à 10:54:54    

spindrow2 a écrit :

Bonjour,

 

Pour faire très simple, comment faire pour que la balise "ul" de mon sous-menu ne vienne pas s'intercaler entre les différents boutons de navigation parents :'( ?

 

J'ai bien fais un "display block" et un "display none" pour afficher le sous menu seulement après avoir cliqué sur le bouton. Je ne souhaite pas que le sous-menu vienne survoler les éléments en dessous donc je n'utiliserai pas de position relative et absolute.

 

http://image.noelshack.com/fichier [...] apture.png

 

Cordialement, Romain.


Il faut jouer avec le positionnement de ton sous-menu (position: absolute/relative/toussa).
http://www.w3schools.com/css/css_positioning.asp

 

Juste une remarque : ton H2 dans ton sous-menu, c'est valide ? Je ne suis pas certain. Moi je le mettrais dans un LI.


Message édité par kao98 le 14-10-2016 à 10:55:30

---------------
Kao ..98 - Uplay (R6S) : kao98.7.62x39 - Origin (BF4, BF1) : kntkao98
Reply

Marsh Posté le 14-10-2016 à 13:40:37    

Salut,
 
Quand j'utilise les propriétés absolute et relative mon div#viking vient survoler les élements du menu_secondaire. Or ce n'est pas le résultat que je souhaite.
Je pense que le problème vient d'ailleur :/

Reply

Marsh Posté le 14-10-2016 à 13:47:49    

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed