Menu déroulant qui déplace le contenu (tuto Developpez.net)

Bonjour,

Je suis en train de regarder ce tuto, qui donne ce résultat. Ca a l'air de très bien fonctionner.

Seulement j'ai essayer chez moi. A la place de l'image de fond, j'ai mis un paragraphe de texte. Et là cela ne fonctionne plus : le menu déroulé "pousse" le texte vers la droite. Je n'ai fait un copier-coller des sources du tuto, sans rien changer. J'ai essayé avec un z-index, mais cela n'a rien changé.

Savez-vous comment palier à ce problème ? C'est exactement ce qu'il me faut mais sans que le texte bouge ;)

Merci d'avance !

Bonjour,

Sans voir ton code, difficile de te donner des conseils appropriés.

Tu peux toujours essayer ça :

- ajouter une hauteur sur #menuDeroulant,
- mettre les sous-menus en position absolue,

Code:

---

1 2 3 4 5 6 7

#menuDeroulant { heigh: **px; }   #menuDeroulant .sousMenu { position:absolute; }

---

Si ça ne fonctionne pas, merci de nous donner ton code HTML/CSS, ou nous indiquer l'URL d'une page en ligne.

:)

Oki merci je vais essayer ça. Pour le code, il est déjà en ligne avec le lien que j'ai donné (j'ai pas modifié une seule ligne, je n'ai juste pas affiché l'image) :)

Autant pour moi, j'ai cru que le second lien correspondait au tuto. :oops:

Merci bcp c_s_s il fallait bien un position:absolute;

:king:

Bonjour,

Je remonte le sujet, car j'ai besoin d'intégrer un "sous-sous-menu" mais en ajoutant une classe css rien ne s'affiche. Est-ce possible de le faire, si possible en l'ouvrant vers la droite ?