цвет фона списка

Question

альтернативный текст http://img191.imageshack.us/img191/3213/menub.jpg

Как расширить цвет фона Test2 влево.

Answer 1

Были ли HTML выглядеть так:

<ul>
 <li/>
 <li class="expanded">
  <ul>
   <li/>
   <li/>
  </ul>
 </li>
</ul>

Я бы использовал что-то вроде следующего CSS:

ul, li {padding:0; margin:0;}
ul li { padding-left: 20px; background: transparent url('collapsed.gif') no-repeat top left;}
ul li.expanded {background-image: url('expanded.gif'); background-color: blue;}
ul li.expanded ul {padding-left: 20px;}
ul li.expanded ul li {padding-left: 20px; background-image: url('sub_bullet.gif');}

Answer 2

Вам нужно будет удалить все margin из li и все padding из ul:

ul { padding-left: 0; }
li { margin-left: 0; }

Если это создает проблемы с макетом, попробуйте добавить padding-left к li.

Если ваши изображения маркеров невозможно правильно расположить, когда вы убираете ul padding, вы можете вместо этого использовать background-image в li.