Hi
I am trying to achieve the same result (main menu item not clickable but sub menu usuable)
I set the link attributes to rel="category" and the template to ’blank’ but the page
Still clicks through to a now ’blank’ document (becuase of the lack of template)
I have used:
<div id="menu">[[Wayfinder? &startId=`161` &categoryFoldersTpl=`categoryFoldersTpl`]]</div>
As a call for chunk called
categoryFoldersTpl that is coded:
<li[+wf.classes+]><a href="[+wf.link+]" title="[+wf.title+]">[+wf.linktext+]</a>[+wf.wrapper+]</li>
My
main menu link is called
Company and contains 3 pages = about us/contact/testimonials i don’t want
Company to be clickable
The menu is styled and works as dropdowns with the following CSS:
/*/// menu ///*/
#menucont {
position: absolute;
top: 40px;
width: 940px;
line-height:normal;
clear: both;
z-index: 100;
}
#menu {
font-family: Arial, Helvetica, sans-serif;
position:relative;
font-size:11px;
z-index:100;
margin-top: 0px;
margin-right: 0;
margin-bottom: 0;
margin-left: 0px;
float: left;
text-transform: uppercase;
}
#menu ul {
padding:0;
list-style-type: none;
margin:0px 0 0 0;
}
#menu ul li {
float:left;
position:relative;
margin:0;
padding-left: 2px;
}
#menu ul li a, #menu ul li a:visited {
display:inline-block;;
text-decoration:none;
color:#333;
height:2.5em;
color:#FFF;
padding-left: 9px;
line-height:2.5em;
padding-right: 9px;
}
/** html #menu ul li a, #menu ul li a:visited {
width:72px;
w\idth:71px;
}*/
#menu ul li ul {
display: none;
}
table {
margin:-1px;
border-collapse:collapse;
font-size:1em;
}
/* specific to non IE browsers */
#menu ul li:hover a,
#menu ul li a:hover {
color:#666666;
background:#000000;
}
/*added*/
#menu ul li a.here, #menu a .active {
color:#FFA500;
background:#FFF;
border-top: 1px solid #676767;
}
.here {
color:#ACCA57;
background:#EBEBEB;
border-top: 1px solid #333;
}
#menu ul li:hover ul,
#menu ul li a:hover ul {
display:block;
position:absolute;
top:2em;
left:0;
width:150px;
margin-top: 5px;
}
* html #menu ul li a:hover ul {
margin-top:0;
marg\in-top:1px;
}
#menu ul li:hover ul li ul,
#menu ul li a:hover ul li a ul {
visibility:hidden;
position:absolute;
height:0;
width:0;
}
#menu ul li:hover ul li a,
#menu ul li a:hover ul li a {
display:block;
color:#FFFFFF;
height:auto;
line-height:1.2em;
padding:5px 10px;
width:129px;
background-color: #000000;
}
* html #menu ul li a:hover ul li a {
width:150px;
w\idth:129px;
}
#menu ul li:hover ul li a.drop,
#menu ul li a:hover ul li a.drop {
background-color: #F5F5F5;
background-image: url(drop.gif);
background-repeat: no-repeat;
background-position: right bottom;
}
#menu ul li:hover ul li a:hover,
#menu ul li a:hover ul li a:hover {
background:#333;
color:#FFFFFF;
}
#menu ul li:hover ul li:hover ul,
#menu ul li a:hover ul li a:hover ul {
visibility:visible;
position:absolute;
left:148px;
top:0;
width:150px;
}
#menu ul li:hover ul li:hover ul.left,
#menu ul li a:hover ul li a:hover ul.left {
left:-150px;
}
I have not used created any other WF chunks but the menus work fine (other than this issue)... is that a problem? Any ideas where I have gone wrong...?
(the page is set to not be cacheable if that makes a difference)
Thanks
