LINUX.ORG.RU

CSS: Отступ для каждого уровня


0

1

Как можно сделать отступ cлева с определенным шагом при увеличении вложенности span без присвоения уникального класса (level1, level2, level3 ...)? Мой пример css работает только для двух уровней.

<div id="left_frame">
  <img><div>Текст</div>
  <span>
    <img><div>Текст</div>
    <span>
      <img><div>Текст</div>
      <span>
        <img><div>Текст</div>
        <span>
          <img><div>Текст</div>
          <span>
          ....
          </span>
        </span>
      </span>
    </span>
  </span>
</div>

css:
#left_frame img{ float:left; width:16px; height:16px; padding-left: 0px; }

#left_frame span img{ float:left; width:16px; height:16px; margin-left: 30px; }

Поставить просто каждому span'у padding-left. Вроде так.

urxvt ★★★★★ ()

Сделай культурный ul-li же:)

anonymous ()

Да, и вкладывать div и img в span - пошло.

anonymous ()

Зачем может понадобиться вкладывать div-ы в span-ы?
Мне казалось, что эти div-ы - контейнеры блоков информации, а span-ы годятся для разметки небольших участков текста внутри блока.

Terrens ()
Ответ на: комментарий от Terrens

Через CSS - div подсвечиваются при наведении мыши и при нажатии мыши
остаются выделенными. Если сделать вложенными <div><div></div></div>,
то подсвечиваются все записи (несколько записей) внутри div,
а такого не нужно.

WinLin2 ()

Вкладывать блочный элемент в строчный — это неправильно. Читайте книги. Например, «CSS — каскадные таблицы стилей» Эрика Мейера.

Wizard_ ★★★★★ ()
Вы не можете добавлять комментарии в эту тему. Тема перемещена в архив.