Помогите реализовать

[boo]

Помогите реализовать вот такой список.

https://docs.google.com/file/d/0B0FrmfubxCOdZ1pXLUZCakVObzA/edit

[Yazon_Nile]

Куча вариантов есть.

Самый нормальный - вертикальную "палку" вырезаешь в фш (внизу обязательно должен быть белый зазор). А горизонтальные через бг на лишки.

Второй вариант через афтеры на список и лишки. Так вообще можно без картинок порешать, все через бг или бордеры.

Третий вариант через класс или селектор :last-child

Короче куча всего

[gordi]

C не большой правкой, возможно подойдет- http://trifler.ru/blog/i/menus/blognanomenu/blognanobcb.htm

[boo]

Извините, ребят. Я как обычно сначала спросил, а потом подумал

Короче с помощью :bofore задал списку content: "— " и relativ'ом просто подвигал пункты, а всесму списку задал левый бордер.

Если интересно вот код.

.into-ul {
margin-top: 20px;
color: #908e8e;
border-left: 1px solid #908e8e;
position: relative;
top: -7px;
}
.into-li {
list-style: none;
position: relative;
left: -40px;
top: 8px;
}
.into-li:before {
content:  "— ";
}

и хтмл

    <li class="title-li">Межкомнатные двери
	 <ul class="into-ul">
	  <li class="into-li">Серия «Эльза»</li>
	  <li class="into-li">Серия «Волна»</li>
	  <li class="into-li">Серия «Софья»</li>
	  <li class="into-li">Серия «Престиж»</li>
	  <li class="into-li">Серия «Эконом»</li>
	 </ul>
    </li>