2011-11-22 79 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

希望这会有所帮助。