[CSS] Menu Deroulant

Salut
Je souhaitais realiser des menus deroulant à 1 niveau (pour commencer) uniquement grace a du CSS (oui, cad sans javascript :lol: ) , j'ai trouvé une methode sur developpez.com dont l'original est ici, mais chez moi lorsqu'un menu s'ouvre tout bouge. :cry:
Et je ne comprends pas ce que j'ai fait de different.
D'avance merci

Salut,

Chose qui n'est pas dans l'exemple que tu donnes c'est que le menu est en postion:absolute; avec un z-index:-50;.
Qu'est-ce que ça veut dire? Que le menu de la page exemple est sorti du flux html. En gros le menu peut passer par dessus.
TON menu est DANS le flux donc quand le sous-menu apparaît il décale tout.

Exemple donné :

Code:

---

1 2 3 4 5 6 7 8

#menuDeroulant { width: 644px; list-style-type: none; margin: 0; padding: 0; border: 0; }

---

Dans la page de l'exemple :

Code:

---

1 2 3 4 5 6 7 8 9 10

#menuDeroulant { list-style-type: none; width: 730px; position: absolute; top: 0; left: 0; z-index: 20; margin: 10px 0; }

---

Merci, je vais etudier cela.

EDIT : En effet je n'ai plus le probleme de decalage de mon texte, merci !!!

Est ce que quelqu'un connaitrait d'autre sources utiles expliquant des menus deroulants uniquement réalisés en CSS ? (à plusieurs niveaux?)
Et si une version xml a deja était publiée publiquement? (dtd/xSchema/CSS)