графические маркеры в списке

zek24

Мой дом здесь!
Команда форума
Модератор
Регистрация
14 Ноя 2009
Сообщения
811
Реакции
310
  • Автор темы
  • Модер.
  • #1
привет,
есть список и графический маркер, который в несколько раз шире строки списка.

как сделать
1) чтобы размер маркера автоматом подгонялся под размер строки\ячейки
2) чтобы текст в строке выравнивался по вертикале по центру относительно маркера, то есть имел одинаковые отступы снизу и сверху, а не как по умолчанию - находился снизу.

спасибо.
 
Попробуй задать line-height больше, и у маркера задать vertical-align: middle;

Для начала попробуй с line-height...
 
  • Автор темы
  • Модер.
  • #3
Попробуй задать line-height больше, и у маркера задать vertical-align: middle;
Для начала попробуй с line-height...
к сожалению не помогло
line-height - просто расширил ячейку, текст все равно оказался не по центру, а больше снизу.
vertical-align: middle; не совсем понял где нужно вставлять,
вставлял после list-style-image:... и в LI... - ничего не изменилось.

ul {list-style-image: url(../li.jpg);
vertical-align: middle;
margin: 20px;}
li {border: 1px black solid;}
.indent {line-height: 50px;}
.insite {vertical-align: middle;}
.vert {vertical-align: bottom;}

выручайте)
 

Вложения

  • 11.png
    11.png
    30,1 KB · Просмотры: 7
list-style-image глючит.

используйте li {background:url(image.png) 0 0 no-repeat;}

0 0 - координаты картинки от левого края блока, первый ноль - слева, второй - сверху.
 
Назад
Сверху