Discussion :

[Naceur84]

Bonjour,

Je viens de crier un menu déroulant mais à l'affichage j'ai eu un problème de décalage vers le bas d'un pixel avec IE9 avec Firefox ça marche bien (il n'y a pas ce décalage). Vous trouvez le code css:

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
19
20
21
22
23
24
25
26
27
28
29
30
#MenuHorizon
{
position:relative;
top:0px;
width:780px;
height:40px;
background:url(../Images/menu-bkgd.gif) no-repeat;
margin-left: auto;
margin-right: auto;
text-align: left;
z-index:1;
left: -1px;
}
 
.staticMenuItemSelectedStyle
{
background-color:#800000;
color:#ffffff;
height:35px;
text-align:center;
top: 0px;
}
 
.MargesMenu
{
margin-left:150px;
margin-right:151px;
margin-top: 0px !important;
margin-top: 0px;
}

Et pour mon code asp le voici

Code :

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

1
2
3
4
5
6
7
8
9
<div id="MenuHorizon">
<asp:Menu ID="Menu1" StaticDisplayLevels="2" DynamicHorizontalOffset="1" StaticSubMenuIndent="1px"
MaximumDynamicDisplayLevels="4" Orientation="Horizontal" DynamicPopOutImageUrl="~/Images/right-arrow.gif"
StaticPopOutImageUrl="~/Images/drop-arrow.gif" DataSourceID="smapMenu" runat="server"
Height="35px" CssClass="MargesMenu">
<StaticMenuItemStyle ItemSpacing="20" CssClass="staticMenuItemStyle" />
<StaticSelectedStyle CssClass="staticMenuItemSelectedStyle" />
</asp:Menu>
</div>

Je ne sais plus mais c'est comme si le margin-top n'est pas pris en compte avec IE9.En fait il y aura un décalage vers le bas de l’arrière plan d'un élément du Menu quand celui ci est sélectionné.

[Ceddoc]

La comme ça je vois pas mais le code html interprêté serait plus pratique (pour moi en tous cas)

[Bisûnûrs]

Tu nous dis :

Et pour mon code asp le voici

Je te réponds :
Important : Les règles incontournables d'utilisation de ce forum

[Naceur84]

@Bisûnûrs: Je suis désolé je viens de voir qu'il ne faut mettre que le code affiché par le navigateur
@Ceddoc: Pour mon code html le voila

Code :

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

1
2
3
4
5
6
7
8
9
10
11
<div id="MenuHorizon">
        <a href="#ctl00_Menu1_SkipLink"><img alt="Ignorer les liens de navigation" src="/nac/WebResource.axd?d=g81VN5o7WYcCKYEzi9Lp3hSrBg4AygMf-cNNZW96V8fdDa4Ww2BVcFOTT0EL55jeqCiq4V8IoFcedmmLh8-GawRjv7M1&amp;t=634210436612724343" width="0" height="0" style="border-width:0px;" /></a><table id="ctl00_Menu1" class="MargesMenu ctl00_Menu1_2" cellpadding="0" cellspacing="0" border="0">
	<tr>
		<td onmouseover="Menu_HoverRoot(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(this)" title="Page d'accueil" id="ctl00_Menu1n0"><table class="staticMenuItemStyle ctl00_Menu1_4 staticMenuItemSelectedStyle ctl00_Menu1_9" cellpadding="0" cellspacing="0" border="0" width="100%">
			<tr>
				<td style="white-space:nowrap;"><a class="ctl00_Menu1_1 staticMenuItemStyle ctl00_Menu1_3 staticMenuItemSelectedStyle ctl00_Menu1_8" href="/nac/Index.aspx" style="border-style:none;font-size:1em;">Accueil</a></td>
			</tr>
		</table></td>
          </tr>
		</table>
</div>