Hi!
Requesting your help here.. (The problem is although the
links are active, the buttons (images) are NOT visible!. Maybe I am missing the very obvious or doing something wrong.
Here are the declarations..For the time being there are no child menu items.
html part:
<ul id="mainnav">
<li id="lnk1"><a href="index.htm"><span>Home</span></a></li>
<li id="lnk2"><a href="services.htm"><span>Services</span></a></li>
<li id="lnk3"><a href="contact.htm"><span>Contact</span></a></li>
</ul>
the css for the menu
#mainnav {
list-style: none;
...
}
#mainnav li {
float: left;
list-style: none;
display: inline;
}
#mainnav li a {
display: block;
...
}
#mainnav li a.curr, #mainnav li a:hover , #mainnav li a:active {
background-position: 0 -35px;
}
li#hom, li#hom a {
background: url("navhom.gif") left top no-repeat;
}
li#ser, li#ser a {
background: url(navser.gif) left top no-repeat;
}
li#con, li#con a {
background: url(navcon.gif) left top no-repeat;
}
#mainnav a span { display: none; }
and finally the
snippet call & chunks
[!Wayfinder? &startId=`0` &outerTpl=`mmOuter` &rowTpl=`mmRow` &outerClass=`mainnav`!]
mmOuter is defined as
<ul id="mainnav"[+wf.classes+]>
[+wf.wrapper+]
</ul>
mmRow is defined as
<li[+wf.id+][+wf.classes+]>
<a href="[+wf.link+]" title="[+wf.title+]" [+wf.attributes+]>[+wf.linktext+]</a>
[+wf.wrapper+]
</li>
I have also tried changing the path to the images.
Sorry for the long post. Kindly take a look and help if you can. I have been searching since yesterday for a similar post..please direct me if you have seen one. Thanks a million in advance.
