Discussion :

[Sancho_54]

Bonjour,

J'ai une barre de menu sur mon site , et dès que je clique sur un menu un sous menu doit apparaître juste en dessous du menu correspondant.

Mes sous menus sont de simples tableau dans une balise <div> afin de les différencier et d'appliquer des règles CSS différentes.

Mes sous menu ont une position absolute afin de les placé au bonne endroit et son caché et donc dès que l'utilisateur clique sur un menu le sous menu devient "décaché" ( je sais terme pas très français )

Mais voila le soucis c'est que la résolution d'écran varie d'un utlilisateur a un autre et donc les sous menus sont complétement décalé et ne s'affichent plus pile en dessous du menu correspondant d'une résolution a une autre.

Comment pourrais-je remédier a cela

Voici le code d'un sous menu :

Code :

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

1
2
3
4
5
6
7
8
9
 
<div id="menu_lineup" style="visibility:hidden" onmouseleave="cache_menu(this.id);">
	<table border="0" cellpadding="0" cellspacing="0">
		<tr><td><img id="sigle" src="./Images/O.jpg"></td><td><a id="id_flo" onClick="load_page('Florian.htm');" >Forian</a></td></tr>
		<tr><td><img id="sigle" src="./Images/O.jpg"></td><td><a id="id_gui" onClick="load_page('Guillaume.htm');">Guillaume</a></td></tr>
		<tr><td><img id="sigle" src="./Images/O.jpg"></td><td><a id="id_joh" onClick="load_page('Johann.htm');" >Johann</a></td></tr>
		<tr><td><img id="sigle" src="./Images/O.jpg"></td><td><a id="id_kev" onClick="load_page('Kevin.htm');" >Kevin</a></td></tr>
	</table>
</div>

et le code de mon CSS des sous menu :

Code :

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

1
2
3
4
5
6
7
8
9
 
div#menu_lineup{
	position:absolute;
	background-color:#806040;
	padding-right:1px;
	padding-left:1px;
	padding-bottom:1px;
	width:0;
}

[trotters213]

regarde le message n°84 (normalement c'est le dernier) de ce post.
C'est un menu déroulant à 2 niveaux (mais si tu n'en veux qu'un tu peux en conserver qu'un) et qui ne bronche pas quelque soit ta résolution.