Brezhnews Brezhnews - 10 months ago 65
CSS Question

Removing bullets from menu

I can't seem to get rid of bullets in my menu. Can anyone help me?

Master page code:

<asp:Menu ClientIDMode="Static" ID="main_menu" runat="server" Orientation="Horizontal">
<div class="nav_style">
<asp:Label runat="server" Text='<%# Eval("Text") %>' />
<asp:MenuItem NavigateUrl="~/home.aspx" Text="home" />
<asp:MenuItem NavigateUrl="~/what-it-can-do.aspx" Text="what it can do" />
<asp:MenuItem NavigateUrl="#" Text="pricing" />
<asp:MenuItem NavigateUrl="#" Text="news & events" />
<asp:MenuItem NavigateUrl="#" Text="partner with us" />

Here is my CSS code:

border-top:6px solid #242C32;
border-bottom:6px solid #242C32;
border-left:12px solid #242C32;
border-right:12px solid #242C32;
font:13px calibri;

Here is the generated HTML:

<div id="main_menu">
<ul class="level1">
<li><a class="level1 selected" href="home.aspx">
<div class="nav_style">
</a></li><li><a class="level1" href="what-it-can-do.aspx">
<div class="nav_style">
<span>what it can do</span>
</a></li><li><a class="level1" href="#">
<div class="nav_style">
</a></li><li><a class="level1" href="#">
<div class="nav_style">
<span>news & events</span>
</a></li><li><a class="level1" href="#">
<div class="nav_style">
<span>partner with us</span>


Not any of the answers seems to be working for me, any other suggestions? Thank you.

Answer Source

Managed to do it myself. In my css file there was a background set for bullets for the whole page


so I added to my css

.nav_style li