Всем привет столкнулся со следующей проблемой. есть меню которое я хочу сделать при помощи wayfinder вот оно
<nav>
<ul id="menu">
<li id="nav1" class="active"><a href="index.html">Home<span>Welcome!</span></a></li>
<li id="nav2"><a href="News.html">News<span>Fresh</span></a></li>
<li id="nav3"><a href="Services.html">Services<span>for you</span></a></li>
<li id="nav4"><a href="Products.html">Products<span>The best</span></a></li>
<li id="nav5"><a href="Contacts.html">Contacts<span>Our Address</span></a></li>
</ul>
</nav>
его css
#menu li a:hover, #menu .active a{color:#497e04}
#menu li a:hover span, #menu .active a span{color:#fff}
#menu #nav1 a{background:url(../images/menu_icon1.gif) bottom center no-repeat}
#menu #nav1 a:hover, #menu #nav1.active a{background:url(../images/menu_icon1_active.gif) bottom center no-repeat}
#menu #nav2 a{background:url(../images/menu_icon2.gif) bottom center no-repeat}
#menu #nav2 a:hover, #menu #nav2.active a{background:url(../images/menu_icon2_active.gif) bottom center no-repeat}
#menu #nav3 a{background:url(../images/menu_icon3.gif) bottom center no-repeat}
#menu #nav3 a:hover, #menu #nav3.active a{background:url(../images/menu_icon3_active.gif) bottom center no-repeat}
#menu #nav4 a{background:url(../images/menu_icon4.gif) bottom center no-repeat}
#menu #nav4 a:hover, #menu #nav4.active a{background:url(../images/menu_icon4_active.gif) bottom center no-repeat}
#menu #nav5 a{background:url(../images/menu_icon5.gif) bottom center no-repeat}
#menu #nav5 a:hover, #menu #nav5.active a{background:url(../images/menu_icon5_active.gif) bottom center no-repeat}
я создал следующие чанки:
1) для ul <ul id="menu">[[+wf.wrapper]]</ul> и назвал (menuOuter)
2) для кажого из li
<li [[+wf.classes]]id="nav1"><a href="[[+wf.link]]">[[+wf.linktext]]<span>Welcome!</span></a></li> (node1)
<li [[+wf.classes]]id="nav2"><a href="[[+wf.link]]">[[+wf.linktext]]<span>Welcome!</span></a></li> (node2)
<li [[+wf.classes]]id="nav3"><a href="[[+wf.link]]">[[+wf.linktext]]<span>Welcome!</span></a></li> (node3)
<li [[+wf.classes]]id="nav4"><a href="[[+wf.link]]">[[+wf.linktext]]<span>Welcome!</span></a></li> (node4)
<li [[+wf.classes]]id="nav5"><a href="[[+wf.link]]">[[+wf.linktext]]<span>Welcome!</span></a></li> (node5)
для вызова использую следующую конструкцию
[[!Wayfinder?
&startId=`0`
&outerTpl=`menuOuter`
&rowTpl=`node1`
&rowTpl=`node2`
&rowTpl=`node3`
&rowTpl=`node4`
&rowTpl=`node5`
&rowClass=`active`
&firstClass=``
&lastClass =`` ]]
При вызове генерируется следующий код не соответствующий тому что я привел в самом начале сообщения. Как исправить ошибку?
<ul id="menu"><li class="active"id="nav5"><a href="http://revolution/">Home<span>Our Address</span></a></li>
<li class="active"id="nav5"><a href="index.php?id=3">News<span>Our Address</span></a></li>
<li class="active"id="nav5"><a href="index.php?id=4">Services<span>Our Address</span></a></li>
<li class="active"id="nav5"><a href="index.php?id=5">Products<span>Our Address</span></a></li>
<li class="active active"id="nav5"><a href="index.php?id=6">Contacts<span>Our Address</span></a></li>
</ul>
