Discussion :

[X-Nem]

bonjour,
j'ai besoin d'aide svp
je voudrai faire afficher au bon endroit des menus sur ma page
lorsque que je change la taille de la fenetre les menus sont mal placés mon code ci dessous

déclaration css

Code CSS :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
 
#menu
{
	margin: 0;
  vertical-align: middle;
	width: 782px;
	height: 35px;
	margin: 0;
	padding: 0;
 
}
 
.menu_div
{
 	margin: 0;
	padding: 0 0 30px 0;
	background-image: url("/images/menu/menu_hover_03.gif");
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 113px;
	vertical-align: center;
 
}
 
.menu_ul
{
	margin: 0;
	padding: 0;
	width: 113px;
	background-color: #035BAD;
}

quand je mets un left pr le menu il déplace du coté gauche et non pas du bord de la page centrée


puis ma page

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
<div id="menu" ><img src="/images/menu/menu_01.gif" width="13" height="35" alt=""><img src="/images/menu/menu_02.gif" width="119" height="35" alt="" onMouseOver="menu_hover('menu2')" onMouseOut="menu_out('menu2')"><img src="/images/menu/menu_03.gif" width="121" height="35" alt="" onMouseOver="menu_hover('menu3')" onMouseOut="menu_out('menu3')"><img src="/images/menu/menu_04.gif" width="117" height="35" alt="" onMouseOver="menu_hover('menu4')" onMouseOut="menu_hover('menu4')"><img src="/images/menu/menu_05.gif" width="116" height="35" alt="" onMouseOver="menu_hover('menu5')" onMouseOut="menu_out('menu5')"><img src="/images/menu/menu_06.gif" width="284" height="35" alt="">
<div  class="menu_div" id="menu2" style="display:none; position:absolute; z-index:1; top:<?=$new_top?>px; left:<?=18+$decalage_left_aff?>px " onMouseOver="menu_hover('menu2')" onMouseOut="menu_out('menu2')">
	<ul class="menu_ul">
		<li class="first_separated_menu"><a href="/la-societe.php">LA SOCI&Eacute;T&Eacute;</a></li>
		<li class="separated_menu"><a href="/notre-equipe.php">NOTRE &Eacute;QUIPE</a></li>
		<li class="last_separated_menu"><a href="/mentions.php">MENTIONS L&Eacute;GALES</a></li>
	</ul>
</div>
 
<div  class="menu_div" id="menu3" style="display:none; position:absolute; z-index:1; top:<?=$new_top?>px; left:<?=134+$decalage_left_aff?>px" onMouseOver="menu_hover('menu3')" onMouseOut="menu_out('menu3')">
	<ul class="menu_ul">
		<li class="first_separated_menu" ><a href="/pres-location.php">PR&Eacute;SENTATION</a></li>
		<li class="separated_menu"><a href="/annonces.php?ann_type=ANN_TYPE_LOCATION">RECHERCHE</a></li>
		<li class="separated_menu"><a href="/fichesl.php">FICHES PRATIQUES</a></li>
		<li class="last_separated_menu"><a href="/proposerBien.php">PROPOSER UN BIEN</a></li>
	</ul>
</div>

et le lien http://www.locassistance.com/annonce..._TYPE_LOCATION
merci

maj je pense que si je divisais les div car la je déclare le menu d'un coup avec tous les titre des menus
si je faisais un div pr chaque titre de menu avec son menu déroulant

maj2 le margin-left ne marche pas avec IE 6 :-(

[Bisûnûrs]

Je ne pense pas avoir tout compris ...

Mais ce que je sais, c'est que tu as deux fois margin dans ton #menu.

Essaie sinon margin-left, mais sans grande conviction.

[X-Nem]

regarde le site stp
et tu remarqueras que les menu qui s'affichent sont mal placé selon la taille de la fenetre

[X-Nem]

Le Margin-left Marche Merci

[Bisûnûrs]

Justement, avec ton lien je n'ai aucun problème de menu.

Ou alors mes yeux me jouent des tours ou alors je ne regarde pas au bon endroit.

Pourrais-tu faire un screenshot du problème lorsqu'il se produit ?

[X-Nem]

Justement, avec ton lien je n'ai aucun problème de menu.

Ou alors mes yeux me jouent des tours ou alors je ne regarde pas au bon endroit.

Pourrais-tu faire un screenshot du problème lorsqu'il se produit ?

j'ai résolu le probleme sous FIREFOX mais sous IE au lieu de décaler de la marge de gauche il décale de celle de droite

[X-Nem]

j'ai réussi a rendre compatible avec IE
en faisant une detection du navigateur utilisé
donc les coordonnés sont modifiés selon celui ci
car ie prend en compte la marge de droit au lieu de celle de gauche
le pourquoi du comment je ne sais pas
mais compatible Firefox IE 6 et 7