|
|
Регистрация Восстановить пароль |
Регистрация | Задать вопрос |
Заплачу за решение |
Новые сообщения |
Сообщения за день |
Расширенный поиск |
Правила |
Всё прочитано |
|
Опции темы | Поиск в этой теме |
27.05.2016, 20:13 | #1 |
Форумчанин
Регистрация: 24.04.2015
Сообщений: 199
|
Иконки на "линейном" списке (<li>)
Всем привет.
В HTML я сделал список, а в CSS дал им иконки (list-style-image), и построил их в линию (display: inline). Так в этом линейном режиме почему-то не показываются иконки. Если его отключить - то иконки нормально отображаются. Можно ли как-то и иконки оставить у списка, и inline сделать? Или мне нужно в CSS в каждый тег li фоновое изображение прописать?
Булат Азат улы
|
27.05.2016, 21:04 | #2 |
Раздолбайских Дел
Старожил
Регистрация: 22.05.2009
Сообщений: 3,828
|
display: inline; для элементов списка <li> отменяет собсна их стандартный display: list-item, соответственно и пропадают маркеры.
Для твоей задачи я бы юзанул псевдо-элемент li::before (li:before для ИЕ8, а адекватные браузеры поймут). Кури доку, можно сделать как "типа-<img>" через url, либо через background-image; я предпочитаю второй вариант. Учти, что псевдоэлементы появятся только если задать им свойство content (как для урла), если будешь делать через фоновое изображение. Ты сам спросил про фон для элемента списка, так вот: через псевдо-элемент удобнее управлять иконками, и можно собрать спрайт. UPD: забыл сказать, в каких-то версиях ИЕ (не помню каких), display: inline; не отрубает list-style, так что лучше вручную выключить.
Alar, верни репу!
Последний раз редактировалось Naive; 27.05.2016 в 21:07. |
28.05.2016, 16:11 | #3 |
Пользователь
Регистрация: 15.07.2015
Сообщений: 14
|
Не надо фоновое изображение, берется символ Unicode и добавляется через :before, как Naive предложил. Вот, например:
Код:
|
29.05.2016, 16:52 | #4 |
Раздолбайских Дел
Старожил
Регистрация: 22.05.2009
Сообщений: 3,828
|
надо, он же написал, что ставил маркером картинку
Alar, верни репу!
|
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
Для заданной строки определить все входящие в неё символ. Например: строка "abccbbabbac" состоит из символов "a", "b" и "c" | Sandakan01 | Помощь студентам | 1 | 24.02.2016 03:20 |