2011-11-22 80 views
0

我無法擺脫子彈。 我曾嘗試使用liststyle等於沒有無濟於事 任何倡議。是我的HTMLAsp.net菜單刪除項目符號

<asp:Menu ID="SiteMainMenu" runat="server" StaticMenuItemStyle-CssClass="menuItemS" 
         StaticHoverStyle-BackColor="#F8941C" DynamicMenuItemStyle-CssClass="menuItemD" 
         DynamicHoverStyle-CssClass="DynamicStyle" DynamicHorizontalOffset="10" DynamicVerticalOffset="4" 
         DynamicMenuItemStyle-Height="20" DynamicHoverStyle-BackColor="#FAA53D" EnableViewState="false" 
         IncludeStyleBlock="false" Orientation="Horizontal" Width="100%"> 
         <Items> 
          <asp:MenuItem NavigateUrl="~/Default.aspx" Text="Home"></asp:MenuItem> 
          <asp:MenuItem NavigateUrl="~/Pages/graphs/monthlyservicesales.aspx" Text="Graphs"> 
          </asp:MenuItem> 
          <asp:MenuItem Text="Reports"> 
           <asp:MenuItem NavigateUrl="~/Pages/reports/monthlyservicetypesalesmoneyreport.aspx" 
            Text="Daily Sales"></asp:MenuItem> 
           <asp:MenuItem NavigateUrl="~/Pages/reports/monthlyservicetypesalesmoneyreport.aspx" 
            Text="Reports"></asp:MenuItem> 
           <asp:MenuItem NavigateUrl="~/Pages/reports/monthlyservicetypesalesmoneyreport.aspx" 
            Text="Reports"></asp:MenuItem> 
          </asp:MenuItem> 
         </Items> 
        </asp:Menu> 

,這是我的CSS控制的menu.It很好地工作,除了所顯示的子彈。

.AdminMenu 
{ 
    height: 30px; 
    width: 100%; 
    margin-top:-129px; 
    padding-top:3px; 
    background:url(../Images/subHeaderBg.png) repeat-x; 
} 
#AdminMenuItems 
{ 
    color:#000; 
    width:960px; 
    margin:0 auto; 
    font-weight:700; 
    font-size:11px; 
    padding-top:5px; 
    padding-left:8px; 
    list-style:none; 
} 

回答

0

首先,您應該在您的標記中使用ClientIDMode='Static',以確保SiteMainMenu將是相應HTML元素的真實ID。然後,你可以使用一切選擇覆蓋此元素下的列表項風格的默認行爲:

#SiteMainMenu * 
{ 
    list-style: none; // A simple CSS reset in the scope of SiteMainMenu element 
} 
1

它看起來像菜單不使用您定義的樣式;就我所知,沒有一個屬性指的是#AdminMenuItems

0

您應該使用list-style:nonemenu ul,不爲menu items

是這樣的:

#SiteMainMenu ul 
{ 
    height: 30px; 
    width: 100%; 
    margin-top:-129px; 
    padding-top:3px; 
    background:url(../Images/subHeaderBg.png) repeat-x; 
    list-style:none; 
} 

在你的HTML你的菜單ID是SiteMainMenu沒有AdminMenu

希望這會有所幫助。