Как удалить маркеры из неупорядоченного списка с помощью CSS?

Question

У меня есть это в моем CSS:

.MainMenu
{
    position: absolute;
    top:105px;
    left:15px;    
    background-color: #67E300;  
    color:White;
    border-style:double;
    border-color:White;
    list-style-type:none;
}

И это внутри MasterPage:

<div class="MainMenu">
        <uc2:MainMenu ID="MainMenu1" runat="server" />
    </div>

И, наконец, этот код внутри главного меню UserControl:

<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="MainMenu.ascx.cs" Inherits="LoCompro.UserControls.MainMenu" %>
<ul>
    <li>Inico</li>
    <li>Navegar Por Categoria</li>
    <li>Navegar Por Marca</li>
    <li>Buscar</li>
</ul>

Редактировать (забыл задать вопрос, смеется):

Использование этого кода не удаляет список маркеров. Я не хочу никаких пуль, потому что я хочу имитировать меню.

Спасибо, ребята. : D

Answer 1

Попробуйте поместить list-style-type в UL, а не в DIV, содержащий UL.

.MainMenu
{
    position: absolute;
    top:105px;
    left:15px;    
    background-color: #67E300;  
    color:White;
    border-style:double;
    border-color:White;
}


.MainMenu ul
{
    list-style-type:none;
}

Answer 2

Разве это не просто

list-style:none;

вместо

list-style-type:none;

В вашем разделе li / ol / ul

Например

ol.foo>li {
    list-style:none;
}

или

.classThatTheListElementIsAMemberOf {
    list-style:none;
}

Answer 3

Все, что вам нужно, это в вашем CSS:

.MainMenu ul { list-style-type: none; }

Он будет соответствовать ul в div .MainMenu, который является окончательным результатом вашего вышеприведенного кода.

Answer 4

Вы применяете list-style-type к div, а не к ul внутри div. Попробуйте вместо этого:

.MainMenu
{
    position: absolute;
    top:105px;
    left:15px;    
    background-color: #67E300;  
    color:White;
    border-style:double;
    border-color:White;
}

.MainMenu ul
{
    list-style-type:none;
}

Это применит list-style-type к любому ul внутри элемента с классом css MainMenu, определенным на нем