Hi,
I have a 2 level menu but can’t get the sub items to display correctly using wayfinder.
An example using just two links, one with a sub item is as follows:
<div id="nav-horiz">
<span class="preload1"></span>
<span class="preload2"></span>
<ul id="nav">
<li class="active"><a href="#" title="#" class="active"><span>Home</span></a></li>
<li class="top">
<a href="#" title="#" class="top_link">
<span class="down">top level</span>
<!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul class="sub">
<li ><a href="#" title="#" ><span>sub item one</span></a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
</ul>
</div>
I have 4 chunks as follows:
inner
<ul class="sub">
[+wf.wrapper+]
</ul>
outer
<div id="nav-horiz">
<span class="preload1"></span>
<span class="preload2"></span>
<ul id="nav">
[+wf.wrapper+]
</ul>
</div>
parentRow
<li class="top">
<a href="[+wf.link+]" title="[+wf.title+]" class="top_link">
<span class="down">[+wf.linktext+]</span>
<!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
[+wf.wrapper+]
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
row
<li class="top"><a href="[+wf.link+]" title="[+wf.title+]" class="top_link"><span>[+wf.linktext+]</span></a>
[+wf.wrapper+]</li>
The top level menu displays how it should but the sub menu items adopt the same classes of <li class="top"> and <a class="top_link"> so consequently they aren’t displaying as they should.
I can’t figure out how to remedy this...can anyone help me out??
Thanks for any help
J
