2011-04-16 34 views
1
<td class="style22" align="center"> 

    <asp:Menu ID="NavigationMenu" runat="server" CssClass="menu" EnableViewState="false" IncludeStyleBlock="false" Orientation="Horizontal"> 
     <Items> 
      <asp:MenuItem NavigateUrl="~/Default.aspx" Text="Home"/> 
      <asp:MenuItem NavigateUrl="~/About.aspx" Text="About"/> 
     </Items> 
    </asp:Menu> 

&nbsp;</td> 
<td align="center"> 




div.menu 
{ 
    padding: 4px 0px 4px 8px; 
} 

div.menu ul 
{ 
    list-style: none; 
    margin: 0px; 
    padding: 0px; 
    width: auto; 
} 

div.menu ul li a, div.menu ul li a:visited 
{ 
    background-color: #465c71; 
    border: 1px #4e667d solid; 
    color: #dde4ec; 
    display: block; 
    line-height: 1.35em; 
    padding: 4px 20px; 
    text-decoration: none; 
    white-space: nowrap; 
} 

div.menu ul li a:hover 
{ 
    background-color: #bfcbd6; 
    color: #465c71; 
    text-decoration: none; 
} 

div.menu ul li a:active 
{ 
    background-color: #465c71; 
    color: #cfdbe6; 
    text-decoration: none; 
} 
+1

請具體談談是什麼問題。 – tvanfosson 2011-04-16 05:10:46

+0

如果我編輯我的CSS和東西它不會改變我的菜單 – qiLOL 2011-04-16 05:13:09

+2

爲了我們這些誰不記得確切如何asp:菜單呈現爲HTML的好處可以發佈實際的HTML生成以及ASPX標記?請編輯您的問題(而不是添加評論)。 – tvanfosson 2011-04-16 05:14:52

回答

1

變化div.menu來。菜單

.menu 
{ 
    padding: 4px 0px 4px 8px; 
} 

.menu ul 
{ 
    list-style: none; 
    margin: 0px; 
    padding: 0px; 
    width: auto; 
} 

.menu ul li a, .menu ul li a:visited 
{ 
    background-color: #465c71; 
    border: 1px #4e667d solid; 
    color: #dde4ec; 
    display: block; 
    line-height: 1.35em; 
    padding: 4px 20px; 
    text-decoration: none; 
    white-space: nowrap; 
} 

.menu ul li a:hover 
{ 
    background-color: #bfcbd6; 
    color: #465c71; 
    text-decoration: none; 
} 

.menu ul li a:active 
{ 
    background-color: #465c71; 
    color: #cfdbe6; 
    text-decoration: none; 
} 
2

正是因爲.net框架使ASP:菜單項的表。

您可以將渲染模式更改爲list,問題就會解決。

要改變你的renderingMode必須添加:

RenderingMode="List" 

<Asp:Menu>標籤是這樣的:

<asp:Menu ID="NavigationMenu" runat="server" CssClass="menu" EnableViewState="false" IncludeStyleBlock="false" Orientation="Horizontal" RenderingMode="List">