li сделать квадратики ближе

[Tchorteg]

необходимо в списке вида

<ul>

<li><strong>Нагревательный элемент из высококачественной стали</strong> </li>

<li>Автоматическое и ручное выключение </li>

<li>Двусторонняя шкала уровня воды </li>

<li><strong>Внутренняя подсветка</strong> </li>

</ul>

Сделать квадритики возле пунктов, очень близко. Как их можно двигать?

[klierik]

1. http://htmlbook.ru/css/list-style-position

2. поместить содержимое в <span> и придать ему отрицательный отступ слева

[Tchorteg]

1. http://htmlbook.ru/css/list-style-position

2. поместить содержимое в <span> и придать ему отрицательный отступ слева

А list-style-position: inside или outside?

Edited July 4, 2011 by Tchorteg

[SelenIT]

Проще, надежнее и кроссбраузернее всего — фоновыми картинками. Имхо.

[ShumNo]

угу обернуть и сдвинуть

[Tchorteg]

Сделал так: не работает

<span style="list-style-position: inside; padding-left:-3px;"><?echo $fstr;?></span>

[klierik]

Сделал так: не работает

<span style="list-style-position: inside; padding-left:-3px;"><?echo $fstr;?></span>

отступ и поле - это разные вещи.

[ShumNo]

Сделал так: не работает

<span style="list-style-position: inside; padding-left:-3px;"><?echo $fstr;?></span>

margin-left:-5px;

[Tchorteg]

<span style="list-style-position: inside; margin-left:-3px;"><?echo $fstr;?></span>

Аналогично, не работает.

[klierik]

так, понятно.

лови

    <ul>
        <li><span style="margin-left:-5px;"></span></li>
    </ul>

[Tchorteg]

так, понятно.

лови

    <ul>
        <li><span style="margin-left:-5px;"></span></li>
    </ul>

Я не могу добраться до конкретного li. у меня есть только переменная где сам список находиться.

[klierik]

а никто не говорит про конкретный li. ты посмотри на код внимательно.

тебе надо повесить отступ на <span> - а он согласно твоего примера везде есть

toisreste,

[SelenIT]

Нельзя их двигать в актуальных браузерах, если кратко. Быстрое и проверенное годами решение — нарисовать свои, где надо и как надо (пример).