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

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

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

И это внутри главной страницы: 

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

И, наконец, этот код внутри UserControl MainMenu: 

<%@ 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>

Edit (забыл задать вопрос, lol):

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

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

4 3
html css master-pages

4 ответа:

Попробуйте поместить 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;
}
3

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

list-style:none;

Вместо 

list-style-type:none;

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

Например 

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

Или 

.classThatTheListElementIsAMemberOf {
    list-style:none;
}
3

Вы применяете 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, определенным на нем.

0

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

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

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

0