Affichage au Bon endroit les menus
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:
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:
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ÉTÉ</a></li>
<li class="separated_menu"><a href="/notre-equipe.php">NOTRE ÉQUIPE</a></li>
<li class="last_separated_menu"><a href="/mentions.php">MENTIONS LÉ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É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 :-(
