Forum - En vrac ! - Bouton déroulant 2

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

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,

Bonsoir, Jean-Denis

Voilà j'ai rectifié ( z-index bte2(9/8) bte3(7/6) bte4(5/4) bte5(3/2) ...

Par contre j'ai mis ( bold ) pour les titres, dans CKEditor en aperçu, les titres sont bien en gras, mais pas sur le site ?!...

Y a t-il une autre manip à faire ?
En vous remerciant.

Cordialement
Stéphane

Re,
 

 
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,

Re,

Merci encore pour tout !
Tout est rentré dans l'ordre .

J'ai rajouter ( font-weight:bold; ).

Cordialement

Stéphane