17 июля 2006 в 10:03
Привет всем! Помогите пожалуйста с CSS, уже запарился...
Есть менюха
<div class="blockcontent" id="block-menu-32">
<ul class="menu">
<li class="leaf"><a href="/mining">Пункт меню 1</a></li>
<li class="leaf"><a href="/concentrating" >Пункт меню 2</a></li>
</ul>
</div>
<ul class="menu">
<li class="leaf"><a href="/mining">Пункт меню 1</a></li>
<li class="leaf"><a href="/concentrating" >Пункт меню 2</a></li>
</ul>
</div>
Хочу чтобы не было кружков! Парился, парился, пишу
#block-menu-32 .menu LI {
list-style-type: none;
}
list-style-type: none;
}
не работает, но когда написал
#block-menu-32 .menu LI {
list-style-type: decimal;
}
list-style-type: decimal;
}
то увидил, что он сначала выводит цифры, а потом уже круглешочки из файла Drupal.css
Как его переопределить, чтобы для моего менб отменить маркеры для списка?
ПОМОГИТЕ ПОЖАЛУЙСТА. БОЛЬШОЕ СПАСИБО, всем кто откликнется!
Комментарии
Помню сам парился с этими стилями. Весь фокус в том, что более конкретное определение стиля следует за более общим даже если в тексте css наоборот.
Например:
строка 10 : #block-menu-32 .menu LI.leaf - подключится последним
строка 20 : #block-menu-32 .menu LI - подключится первым
#block-menu-32 .menu LI.leaf - определяется в drupal.css и преобладает над #block-menu-32 .menu LI
следовательно попробуйте:
#block-menu-32 .menu LI.leaf {
list-style-type: none;
}
А вообще советую пользоваться плагином Web Developer для FireFox, реально экономит время.
Спасибо, но оказывается все дело было в image, которое вставлялось вместо стандартной баллета. Надо было делать так:
list-style-type: none;
И сщастье))