Discussion :

[TabrisLeFol]

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

[franculo_caoulene]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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;
}

[TabrisLeFol]

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)