Hey guy, I’ve been struggling with the css lately trying to make a horizontal menu out of wayfinder. I followed some instructions on using ultimate_drop.css, here is what I did:
1] downloaded the css and called it in the head, the script is there.
<link rel="stylesheet" href="assets/templates/oztemplate/drop-m.css" type="text/css" media="screen" />
2] Created a chunk called "wfParentRow" and inserted the following code:
<li><a [+wf.classes+] href="[+wf.link+]" title="[+wf.title+]">[+wf.linktext+]<!--[if IE 7]><!--></a><!--<![endif]-->
<table><tr><td>
[+wf.wrapper+]
</td></tr></table>
<!--[if lte IE 6]></a><![endif]-->
</li>
3] Called Wayfinder
[!Wayfinder? &startId=`17&level=`4` &parentRowTpl=`wfParentRow`!]
The menu is still not functional, the only directory that I see are the top ones and the files, sub directories are not listed however they are printed in the html source. This is what I get.
<div class="menu"><ul><li><a href="/2006-photos.html" title="2006 Photos">2006 Photos<!--[if IE 7]><!--></a><!--<![endif]-->
<table><tr><td>
<ul><li><a href="/2006-test.html" title="2006 test" >2006 test</a></li>
</ul>
</td></tr></table>
<!--[if lte IE 6]></a><![endif]-->
</li>
<li><a class="last" href="/2007-photos.html" title="2007 Photos">2007 Photos<!--[if IE 7]><!--></a><!--<![endif]-->
<table><tr><td>
<ul><li><a href="/contact-us.html" title="Contact Us" >Contact Us</a></li>
</ul>
</td></tr></table>
<!--[if lte IE 6]></a><![endif]-->
</li>
</ul></div>
Now the css that I am using is the final_drop.css which can be found
here.
Could some one please help me resolve the problem, this is a very important issue, and I cant seem to deal with it. SOS!
Regards,
Irakli
☆ A M B ☆