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

Тема в разделе "Веб-дизайн", создана пользователем zek24, 19 май 2011.

Модераторы: zek24
  1. zek24

    zek24

    Moderator
    Регистр.:
    14 ноя 2009
    Сообщения:
    776
    Симпатии:
    230
    привет,
    есть список и графический маркер, который в несколько раз шире строки списка.

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

    спасибо.
     
  2. lifediz

    lifediz Yii Framework developer

    Регистр.:
    7 июн 2008
    Сообщения:
    385
    Симпатии:
    507
    Попробуй задать line-height больше, и у маркера задать vertical-align: middle;

    Для начала попробуй с line-height...
     
  3. zek24

    zek24

    Moderator
    Регистр.:
    14 ноя 2009
    Сообщения:
    776
    Симпатии:
    230
    к сожалению не помогло
    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 КБ
      Просмотров:
      7
  4. troop3r

    troop3r Постоялец

    Регистр.:
    14 ноя 2009
    Сообщения:
    138
    Симпатии:
    22
    list-style-image глючит.

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

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