Карта сайта [Wayfinder + CSS]

Наткнулся вот на схожую тему: http://www.alexandersperl.de/tutorials/css/sitemap.php
Там предолгается вариант стилизации чистого кода, т.е. без всяких классов, которые у нас автоматом расставляет Wayfinder.
Пример от туда же: http://www.alexandersperl.de/tutorials/css/files/sitemap/sitemap05.html
Правда, работает это только до трёх уровней вложенности, и, как я понял, с использованием аж восьми изображений

Может кому-то покажется интересным\полезным.

Я так понимаю, уровень вложенности по аналогии можно продолжать, но с каждым уровнем число необходимых изображений и CSS-кода будет пропорционально расти, так что твой вариант в любом случае гораздо лучше.

Quote from: [e

Bu$ter link=topic=18411.msg115291#msg115291 date=1190382563]
...
3. [Исправляете и ] добавлятее в свою таблицу стилей правила из файла tree.css находящегося в прилагаемом архиве.
Вот, они, кстати, для любопытных и ленивых.

#sitemap ul {
  margin: 0 0 0 1px;
  padding: 0 0 0 3px;
  background-image: url("t1.gif");
  background-repeat: repeat-y;
}
#sitemap ul li {
  margin: 0;
  padding: 0 0 0 14px;
  list-style: none;
  background-image: url("t2.gif");
  background-repeat: no-repeat;
  background-position: -3px 0;
}
#sitemap ul li.last {
  margin-bottom: 6px;
  background-image: url("t3.gif");
  background-repeat: no-repeat;
  background-position: -3px 9px;
}

Результат ниже на скриншоте.

Делаю всё по примеры вашей css-ки, но почему-то дочерние документы идут ровно под родительскими :\ хотя и прописано для них margin-left:20px чтобы уж наверняка заметить можно было, но на выходе-ноль. с чем это может быть связано?
вот кусок сорса, в котором родительский док "Я док родитель" содержит 3 дочерних-доки собачка, сына и доча:

> на выходе-ноль. с чем это может быть связано?

Возможно эти правила перекрываются вашими, главными для всего сайта. Попробуйте добавить к тому правилу которое не работает флаг !important.
Т.е. чтобы получилось, к примеру, так: { margin-left: 20px !important; }

2 [e]Bu$ter: спасибо за идею =) нашел свои ошибки-просто не указал в параметрах источник css и его настройки, читаю доки

> если не сложно, кто-нибудь может выложить пример вызова wayfinder-а с параметрами?
В первом сообщении есть пример вызова, и всё работает. Чего вам ещё не хватает?
Отключите временно свою таблицу стилей и посмотрите что получится.

Приятное решение, спасибо.

И мне приятно, пожалуйста

P.S. Было бы ещё приятней видеть в PM адреса живых проектов в которых используется это «приятное решение»

Спасибо, [e]Bu$ter, за решение.
Немного переделал CSS - для неоднородного фона.
Использовал 1 .gif:
Вызов Wayfinder:

CSS:

Помогите кто-нить.
Вот такая ситуация:
Делаю менюху.
Вот такой должен быть конечный вид:
Главная Новости Галерея и т.д
Главная должна быть активной.

html структура:
<ul id="navigation">
<li><a href="index.html" class="item-1 active"> a</a></li>
<li><a href="novosti.html" class="item-2">a </a></li>
<li><a href="teoriya-zvuka.html" class="item-3"> a</a></li>
<li><a href="demo-zal.html" class="item-4"> a</a></li>
<li><a href="nashi-rabotyi.html" class="item-5"> a</a></li>
<li><a href="statyi.html" class="item-6"> a</a></li>
<li><a href="kontaktyi" class="item-7">a </a></li>
</ul>

CSS:
#navigation{
background:url(../images/menu.jpg) no-repeat;
width:840px;
height:63px;
list-style:none;
padding:19px 0 0 70px;
}
#navigation li{
float:left;
}
#navigation li a{
background-position:0 0;
background-repeat:no-repeat;
height:36px;
float:left;
text-indent:-9999px;
overflow:hidden;
}

Все это делаю с помощью Wayfinder
[!Wayfinder? &startId=`0` &level=`1` &rowTpl=`outerTpl_navtop_ul` &outerTpl=`rowTpl_menuTop` &rowIdPrefix=`item-`!]

где
&rowTpl=`outerTpl_navtop_ul`

<li[+wf.classes+]><a href="[+wf.link+]" title="[+wf.title+]" [+wf.attributes+]>[+wf.linktext+]</a>[+wf.wrapper+]</li>
<li><a href="[+wf.link+]">[+wf.linktext+]</a> - [+wf.description+] [+wf.wrapper+]</li>

&outerTpl=`rowTpl_menuTop`

<ul id="navigation"[+wf.classes+]>[+wf.wrapper+]</ul>

Объясните в чем дело.
Спасибо