Удаление <ul>пуль через CSS - PullRequest
4 голосов
/ 21 декабря 2009

Я впервые использую jQuery через модуль Views Cycle для Drupal. Я не профессионал CSS, но я выдергиваю волосы, пытаясь убрать пули с вращающихся изображений на этой странице: http://shoshannabauer.com/

Чего мне не хватает? Стиль списка подходит для

или

Ответы [ 9 ]

16 голосов
/ 21 декабря 2009

list-style идет на <ul> класс.

ul { list-style: none; }
5 голосов
/ 21 декабря 2009

изменить: Шон прав. Это причина появления пуль в вашей навигации слева.

Посмотрите на свой css, у вас есть изображение пули.

li.leaf {
    background:transparent url(images/menu-leaf.gif) no-repeat scroll 1px 0.4em;
    list-style-image:none;
    list-style-type:none;
    margin:0;
    padding:0 0 0 1.5em;
}

Элементы вашего списка имеют вид пользовательских пуль в виде background-image белой пули и padding-left из 1.5em

2 голосов
/ 21 декабря 2009

Вот несколько jQuery, которые уберут пулю для вас:

$(document).ready(function(){
     $('ul.viewsCycle-processed').css({background:'transparent'}).find('> li').css({background:'transparent'});
});

А если вы хотите добавить таблицу стилей CSS на страницу:

ul.viewsCycle-processed { background:transparent !important; }
ul.viewsCycle-processed li { background:transparent !important; }
2 голосов
/ 21 декабря 2009

Попробуйте использовать list-style-type в списке

ul { list-style-type:none; } 
1 голос
/ 21 декабря 2009

На самом деле, при условии, что вы хотите сохранить маркеры в левом меню ... если вы посмотрите в свой файл style.css?b css, под вашим /* lists */ и удалите эту строку, это решит проблему (это дубликат и перебегая все остальные стили)

ul li {
 background:transparent url(images/menu-leaf.gif) no-repeat 1px .4em;
 list-style-image:none;
 list-style-type:none;
 margin:0;
 padding:0 0 0 1.5em;
}
1 голос
/ 21 декабря 2009

Добавление к ответу RamboNo5:

ul.menu li, .item-list ul li, li.leaf {
    background: none;
}

исправляет это. Пули были созданы не браузером, а фоновыми изображениями.

1 голос
/ 21 декабря 2009

попробовать:

list-style: none;

на <ul>

0 голосов
/ 21 декабря 2009
ul{
list-style:none;
}

вам, возможно, придется удалить стиль списка и из li, в этом случае используйте:

неупорядоченный элемент списка:

ul li{
  list-style:none;
}

или для заказанного элемента списка:

ol li{
list-style:none;
}

удачи

0 голосов
/ 21 декабря 2009

Стиль списка указывается в теге <ul>.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...