Forum - En vrac ! - Bouton déroulant 2
le 10/03/2017 @ 13:26
par stephane
Bonjour, Jean-Denis
J'utilise votre script ( bouton déroulant 2 en haut du site), j'ai voulu rajouter un bandeau déroulant supplémentaire, mais ça coince.
j'ai recopier scrupuleusement vos codes et vérifier, mais je vois pas (j'ai essayer "z-index,div,renommer 2 3 4 5," )...
Quand vous aurez le temps pourriez-vous me guider svp.
En vous remerciant
Cordialement
Stéphane
--------
le 10/03/2017 @ 14:59
par JeanDenis
Administrateur
Bonjour Stéphane,
C'est juste un problème de z-index
Dans ton exemple tu as 5 boite_deploiement dans le style : boite_deploiement boite_deploiement2 boite_deploiement3 boite_deploiement4 boite_deploiement5
(d'ailleurs seules 4 sont utilisées dans le code : boite_deploiement2 boite_deploiement3 boite_deploiement4 boite_deploiement5 mais peu importe...)
La boite la plus basse (chez toi la boite_deploiement5 doit avoir les z-index les plus bas)
#boite_deploiement5 h5 { /*attributs des titres des boutons*/
...
z-index:2;
.deploiement5 div { /*Attributs du Bandeau déroulant*/
...
z-index:1;
et ainsi de suite en remontant...
tu devrais terminer en haut par
#boite_deploiement h5 { /*attributs des titres des boutons*/
...
z-index:10;
.deploiement div { /*Attributs du Bandeau déroulant*/
...
z-index:9;
C'était indiqué dans le tutoriel :
Il faut aussi prendre soin de modifier les z-index dans le style. Les éléments les plus hauts dans la page doivent avoir les z-index les plus élévés pour recouvrir les autres éléments lors du déploiement.
Cordialement,
--------
le 10/03/2017 @ 16:00
par stephane
--------
le 10/03/2017 @ 16:43
par JeanDenis
Administrateur
Re,
Par contre j'ai mis ( bold ) pour les titres
Ce n'est pas tout à fait exact, je lis, par exemple pour la boite_deploiement2
#boite_deploiement2 h5 a:hover { /*attributs des liens survolés sur les boutons*/
font-weight:bold;
...
effectivement
mais pas un peu plus haut dans
#boite_deploiement2 h5 a { /*attributs des liens sur les boutons*/
il faut ajouter aussi
font-weight:bold;
si tu souhaites que le lien du titre soit en gras même lorsqu'il n'est pas survolé.
idem pour les autres boites bien sûr...
Cordialement,
Rectifier message Clôturer sujet Remonter