menu deroulant

[oyo]

Bonjours, voila j'ai suivi le tuto d'un site qui diser comment faire un menu deroulant, seulement regarder :

http://sitegc.jexiste.fr/tennis/

lorsque les sous menu se devoile ca fait tout bouger la page

merci pour vos reponses,

[jeanpierre949]

Salut

moi je ne vois aucun sous menu, tu les as enlevé?

[oyo]

non, je parie que tu utilises IE il est compatible seulement avec les navigateurs "modernes"

[Xavier]

Si je ne me trompe pas, .sousMenu n'est pas positionné, donc il s'insère "naturellement" dans la page, en repoussant le reste.

Mets-le en position:absolute

#menuDeroulant .sousMenu
{
	display: none;
	position:absolute;
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
}

PS : double le

#menuDeroulant li:hover > .sousMenu { display: block; }

d'un

#menuDeroulant li:focus > .sousMenu { display: block; }

pour ceux qui naviguent au clavier...

Ça donne à peu près ça :

#menuDeroulant li:hover > .sousMenu, #menuDeroulant li:focus > .sousMenu{ display: block; }

[oyo]

héhé ca marche c'est super merci par contre pour que les sous menu soit legerement transparent il faut obligatoirement faire une image de fond transparente ou ya une fonction dans le code de transparence?

[Xavier]

Tu peux utiliser la propriété CSS3 opacity

[oyo]

merci voila les modifs :

http://sitegc.jexiste.fr/tennis/

seulement je n'arrive pas a decaler le menu, du contenu