• DVE
  • Тиран
  • Карма: 7 / 0

Тема: Маркированные списки

Всем привет!
Подскажите чайнику по css, пожалуйста.
Я задумал на всём сайте подменить стиль маркированных списков по умолчанию. Были обычные жирные кружки, а хочу подложить свою картинку с дизайнерским smile треугольничком.
Вставил в файлик ccs

ul{list-style-type:none}

ul li {
    background: url(/images/треугольничек.png) no-repeat;
    padding: 0 0px 0 0px;
    margin: 10px 0;
    line-height: 50%;
}

Почему-то треугольнички наезжают на текст!?
А самое страшное - междустрочный интервал стал гигантский в списках. Как ни кручу line-height, лучше не становится. Посоветуйте лекарство, пожалуйста!

2 ПафНутиЙ

  • ПафНутиЙ
  • Делаю всякие полезности для DLE и не только
  • Карма: 51 / 1

Re: Маркированные списки

ul li {
    background: url(/images/треугольничек.png) no-repeat 0 50%;
    padding: 0 0 0 10px; /*отступ должен быть слева*/
    margin: 10px 0;
}
+ DVE
  • DVE
  • Тиран
  • Карма: 7 / 0

Re: Маркированные списки

Спасибо, это помогло!
Однако, оказалось, что аппетиты во время еды возросли.
Хочу разобраться с CSSсамостоятельно, посоветуйте, что почитать в интернете. Я хочу сухую техническую документацию (инструкции/синтаксис/параметры).

4 ПафНутиЙ

  • ПафНутиЙ
  • Делаю всякие полезности для DLE и не только
  • Карма: 51 / 1

Re: Маркированные списки

DVE,
лучше изучать на примерах. Реальной практики не заменить ни какой теорией.
а так htmlbook.ru в помощь.

  • admin
  • АлаичЪ
  • Карма: 143 / 2

Re: Маркированные списки

ПафНутиЙ пишет:

htmlbook.ru в помощь

Поддерживаю в плане хорошего источника информации.

ПафНутиЙ пишет:

лучше изучать на примерах

Это самый лучший вариант, только благодаря этому я научился в свое время верстать и разбираться в css на необходимом уровне! Ух и пришлось попотеть тогда, но зато сейчас...