मुझे एएसपीनेट वर्टिकल मेनू के साथ कोई समस्या है, जहां कुछ IE8 मोड और अन्य आईई ब्राउज़र में, यह मेरे मेनू आइटम को प्रत्येक मेनू के नीचे एक अतिरिक्त स्थान रखने के लिए बदलता है जैसा कि नीचे दिखाया गया है।आईई 8 संगतता मोड Asp.net मेनू पैडिंग समस्या
(बाईं ओर खराब, दाईं ओर अच्छा)। यह केवल आईई है।
_____________________
मैं एक मार्जिन किया: -1px; नीचे और ऊपर के लिए और नीचे दिया गया है और अभी भी नीचे दिखाया गया है, जैसा कि नीचे दिखाया गया है।
यहाँ मेरी सीएसएस है:
.SideStaticMenuStyle a,
.SideStaticMenuStyle a:visited,
.SideStaticMenuStyle a:active
{
color: #000000;
text-decoration: none;
font-weight: normal;
font-family: verdana;
font-size: 12px;
white-space:normal;
}
.SideStaticMenuStyle a:hover
{
color: #ffffff;
text-decoration: none;
font-size: 12px;
font-weight: normal;
font-family: verdana;
}
.SideStaticMenuStyle td
{
background-color: #c2d0e9;
width: 160px;
line-height:14px;
}
.SideStaticSelectedStyle td,
.SideStaticSelectedStyle a,
.SideStaticSelectedStyle a:visited,
.SideStaticSelectedStyle a:active,
.SideStaticSelectedStyle a:hover
{
color: #ffffff;
text-decoration: none;
font-weight: bold;
font-family: verdana;
font-size: 11px;
white-space:normal;
background-color: #6C85B0;
}
.SideStaticHoverStyle td
{
font-weight: normal;
font-family: verdana;
background-color: #6c85b0;
color: #ffffff;
}
.SideStaticHoverStyle td:hover a
{
color: #ffffff;
}
.SideStaticMenuItemStyle
{
font-weight: normal;
font-family: verdana;
border-bottom: solid 1px #012754;
border-left: solid 1px #012754;
border-right: solid 1px #012754;
border-collapse:collapse;
}
.SideStaticMenuItemStyle td
{
padding: 2px 2px 2px 3px;
text-align: left;
font-weight: normal;
font-family: verdana;
}
.SideStaticHoverStyle
{
font-weight: normal;
font-family: verdana;
}
यहाँ मेरी HTML है:
<asp:Menu ID="Menu2" runat="server" Orientation="Vertical" ItemWrap="true">
<DataBindings>
<asp:MenuItemBinding DataMember="MenuItem" TextField="Title" NavigateUrlField="URL" />
</DataBindings>
<StaticMenuStyle CssClass="SideStaticMenuStyle" />
<StaticSelectedStyle CssClass="SideStaticSelectedStyle" ItemSpacing="0px" />
<StaticMenuItemStyle CssClass="SideStaticMenuItemStyle" ItemSpacing="0px" />
<DynamicHoverStyle CssClass="SideDynamicHoverStyle" />
<DynamicMenuStyle CssClass="SideDynamicMenuStyle" />
<DynamicSelectedStyle CssClass="SideDynamicSelectedStyle" />
<DynamicMenuItemStyle CssClass="SideDynamicMenuItemStyle" />
<StaticHoverStyle CssClass="SideStaticHoverStyle" />
</asp:Menu>
पृष्ठ उत्पन्न कोड:
<table id="ctl00_ContentPlaceHolder1_ctl00_ctl06_ctl00_Menu2" class="SideStaticMenuStyle ctl00_ContentPlaceHolder1_ctl00_ctl06_ctl00_Menu2_5 ctl00_ContentPlaceHolder1_ctl00_ctl06_ctl00_Menu2_2" cellpadding="0" cellspacing="0" border="0">
<tr onmouseover="Menu_HoverStatic(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(this)" id="ctl00_ContentPlaceHolder1_ctl00_ctl06_ctl00_Menu2n1">
<td><table class="SideStaticMenuItemStyle ctl00_ContentPlaceHolder1_ctl00_ctl06_ctl00_Menu2_4" cellpadding="0" cellspacing="0" border="0" width="100%">
<tr>
<td style="width:100%;"><a class="ctl00_ContentPlaceHolder1_ctl00_ctl06_ctl00_Menu2_1 SideStaticMenuItemStyle ctl00_ContentPlaceHolder1_ctl00_ctl06_ctl00_Menu2_3" href="servicelink.aspx" target="_self" style="border-style:none;font-size:1em;">ServiceLink</a></td>
</tr>
</table></td>
</tr><tr style="height:0px;">
<td></td>
</tr><tr style="height:0px;">
<td></td>
</tr><tr onmouseover="Menu_HoverStatic(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(this)" id="ctl00_ContentPlaceHolder1_ctl00_ctl06_ctl00_Menu2n2">
<td><table class="SideStaticMenuItemStyle ctl00_ContentPlaceHolder1_ctl00_ctl06_ctl00_Menu2_4" cellpadding="0" cellspacing="0" border="0" width="100%">
<tr>
<td style="width:100%;"><a class="ctl00_ContentPlaceHolder1_ctl00_ctl06_ctl00_Menu2_1 SideStaticMenuItemStyle ctl00_ContentPlaceHolder1_ctl00_ctl06_ctl00_Menu2_3" href="fnpc.aspx" target="_self" style="border-style:none;font-size:1em;">Fidelity National Property and Casualty</a></td>
</tr>
</table></td>
</tr><tr style="height:0px;">
<td></td>
</tr><tr style="height:0px;">
<td></td>
</tr><tr onmouseover="Menu_HoverStatic(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(this)" id="ctl00_ContentPlaceHolder1_ctl00_ctl06_ctl00_Menu2n3">
<td><table class="SideStaticMenuItemStyle ctl00_ContentPlaceHolder1_ctl00_ctl06_ctl00_Menu2_4" cellpadding="0" cellspacing="0" border="0" width="100%">
<tr>
<td style="width:100%;"><a class="ctl00_ContentPlaceHolder1_ctl00_ctl06_ctl00_Menu2_1 SideStaticMenuItemStyle ctl00_ContentPlaceHolder1_ctl00_ctl06_ctl00_Menu2_3" href="ceridiancorp.aspx" target="_self" style="border-style:none;font-size:1em;">Ceridian Corporation</a></td>
</tr>
</table></td>
</tr><tr style="height:0px;">
<td></td>
</tr><tr style="height:0px;">
<td></td>
</tr><tr onmouseover="Menu_HoverStatic(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(this)" id="ctl00_ContentPlaceHolder1_ctl00_ctl06_ctl00_Menu2n4">
<td><table class="SideStaticMenuItemStyle ctl00_ContentPlaceHolder1_ctl00_ctl06_ctl00_Menu2_4" cellpadding="0" cellspacing="0" border="0" width="100%">
<tr>
<td style="width:100%;"><a class="ctl00_ContentPlaceHolder1_ctl00_ctl06_ctl00_Menu2_1 SideStaticMenuItemStyle ctl00_ContentPlaceHolder1_ctl00_ctl06_ctl00_Menu2_3" href="remy.aspx" target="_self" style="border-style:none;font-size:1em;">Remy International, Inc.</a></td>
</tr>
</table></td>
</tr><tr style="height:0px;">
<td></td>
</tr><tr style="height:0px;">
<td></td>
</tr><tr onmouseover="Menu_HoverStatic(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(this)" id="ctl00_ContentPlaceHolder1_ctl00_ctl06_ctl00_Menu2n5">
<td><table class="SideStaticMenuItemStyle ctl00_ContentPlaceHolder1_ctl00_ctl06_ctl00_Menu2_4" cellpadding="0" cellspacing="0" border="0" width="100%">
<tr>
<td style="width:100%;"><a class="ctl00_ContentPlaceHolder1_ctl00_ctl06_ctl00_Menu2_1 SideStaticMenuItemStyle ctl00_ContentPlaceHolder1_ctl00_ctl06_ctl00_Menu2_3" href="abrh.aspx" target="_self" style="border-style:none;font-size:1em;">American Blue Ribbon Holdings, LLC</a></td>
</tr>
</table></td>
</tr><tr style="height:0px;">
<td></td>
</tr><tr style="height:0px;">
<td></td>
</tr><tr onmouseover="Menu_HoverStatic(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(this)" id="ctl00_ContentPlaceHolder1_ctl00_ctl06_ctl00_Menu2n6">
<td><table class="SideStaticMenuItemStyle ctl00_ContentPlaceHolder1_ctl00_ctl06_ctl00_Menu2_4" cellpadding="0" cellspacing="0" border="0" width="100%">
<tr>
<td style="width:100%;"><a class="ctl00_ContentPlaceHolder1_ctl00_ctl06_ctl00_Menu2_1 SideStaticMenuItemStyle ctl00_ContentPlaceHolder1_ctl00_ctl06_ctl00_Menu2_3" href="cascade.aspx" target="_self" style="border-style:none;font-size:1em;">Cascade Timberlands</a></td>
</tr>
</table></td>
</tr><tr style="height:0px;">
<td></td>
</tr>
</table><a id="ctl00_ContentPlaceHolder1_ctl00_ctl06_ctl00_Menu2_SkipLink"></a>
</td>
आप मेनू के लिए कुछ नमूना HTML पोस्ट कर सकते हैं, कृपया? साथ ही, लाइन-ऊंचाई को कम करने या यहां तक कि हटाने का प्रयास करें। – dash
मैंने लाइन-ऊंचाई को हटाने की कोशिश की जो मदद नहीं करता था। मेरा एचटीएमएल कोड जोड़ा –
क्या आप जेनरेट किए गए एचटीएमएल (इन-ब्राउजर में) पोस्ट कर सकते हैं - एएसपी डेवलपर नहीं होने के कारण, आपके द्वारा पोस्ट किया गया एक्सएमएल मेरे लिए व्यर्थ है :) – Pete