Автор Тема: Тире вместо буллета в ненумерованном списке  (Прочитано 8127 раз)

0 Пользователей и 1 Гость просматривают эту тему.

Оффлайн brainkiller

  • Фанат форума
  • Ветеран
  • *****
  • Сообщений: 527
  • +0/-0
  • 0
    • Просмотр профиля
    • http://
Скажите-ка, любезные мои коллеги, не знаете ли вы способа сделать сабж без использования list-style-image? Ставить тире вручную не предлагать! :)

Оффлайн ravshaniy

  • Фанат форума
  • Постоялец
  • ***
  • Сообщений: 191
  • +0/-0
  • 0
    • Просмотр профиля
    • http://
1) создать нужный имадж (тире или другую блямбу)
2) в css указать сдвиг влево (padding) поставить none для  list-style-image и установить фоном свою картинку, со сдвигом с nо-repeat.

По работе с цсс хорошие статьи на xhtml.ru
убили кенни, сволочи

Оффлайн brainkiller

  • Фанат форума
  • Ветеран
  • *****
  • Сообщений: 527
  • +0/-0
  • 0
    • Просмотр профиля
    • http://
Спасибо! В итоге я всё же остановился на list-style-image, хотя с данным вариантом это практически равнозначные решения.

Хотелось-то, как обычно, невозможного: задать свой символ (!) для использования в качестве маркера списка (нормальное желание, вроде бы).

Было бы здорово иметь возможность делать как-нибудь так:

#sidebar ul {
    list-style-type: custom;
    list-style-marker: \'—\';
}

Но, увы, увы!

Оффлайн APL

  • Фанат форума
  • Старожил
  • ****
  • Сообщений: 344
  • +0/-0
  • 0
    • Просмотр профиля
    • http://www.aerozone.ru
Тире вместо буллета в ненумерованном списке
« Ответ #3 : 13 Августа 2010, 16:40:38 »
jquery еще можно использовать...

Оффлайн brainkiller

  • Фанат форума
  • Ветеран
  • *****
  • Сообщений: 527
  • +0/-0
  • 0
    • Просмотр профиля
    • http://
Тире вместо буллета в ненумерованном списке
« Ответ #4 : 14 Августа 2010, 15:01:41 »
Тогда уж на JS проще пару строк написать, нежели тащить тяжёлый фреймворк. Однако, практического смысла не вижу ни в том, ни в другом. Скрипты должны поведением элементов управлять, а за отображение должны отвечать директивы CSS.

ИМХО, тему можно закрывать до тех пор, пока в CSS не введут list-style-type: custom; :)

 

Sitemap 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28