Page 1 of 1
Horizontal Menu - can the second level be horizontal too?
Posted: Wed Jul 05, 2006 12:37 pm
by niq
Hi - I've used the Default CSSMenu Horizontal template. Is there are a way to make the second, or indeed third level menu also appear horizontally - For example on this website:
http://www.stellaartoistennis.com/?
Thanks
Re: Horizontal Menu - can the second level be horizontal too?
Posted: Mon Jul 10, 2006 3:40 am
by Dr.CSS
Re: Horizontal Menu - can the second level be horizontal too?
Posted: Tue Jul 11, 2006 10:26 am
by niq
So I guess what i'm after is on rolling over the first level horizontal menu - for the second level menu to appear directly under and also horizontally - not vertically - like in the attached example and on this site:
http://www.stellaartoistennis.com/
ie
nav1 | nav2 | nav3
subnav1 | subnav2 | subnav3 | subnav4
as opposed to:
nav1 | nav2 | nav3
- subnav1
- subnav2
- subnav3
- subnav4
Thanks!
[attachment deleted by admin]
Re: Horizontal Menu - can the second level be horizontal too?
Posted: Tue Jul 11, 2006 10:50 am
by lexan
Hi I think your q was answered by Mark - he just have several menus in the second level - you dont have to have that many, you could make a third level to make it more readable.
Alex.
Re: Horizontal Menu - can the second level be horizontal too?
Posted: Tue Jul 11, 2006 12:18 pm
by niq
aah - the example Mark had isn't working for me in IE - just in Firefox. I'm getting a JavaScript error in IE. I just checked in Firefox and I can see it working. I'll take a look at how this is done - thanks
Re: Horizontal Menu - can the second level be horizontal too?
Posted: Tue Jul 11, 2006 3:04 pm
by Dr.CSS
S**T thought i checked it in that Oso wonderful IE....
got this from
http://alistapart.com/articles/hybrid
that one works in IE
still can't tweak it to work
OH well back to hackin... someday IE will catchup with the standards HAHAHAHA
JS error..
line:15
Char:2
Error: 'document.getElementById(...)' is null or not an object
Code: 0
Code: Select all
startList = function() {
if (document.all && document.getElementById) {
navRoot = document.getElementById("nav");
for (i=0; i<navRoot.childNodes.length; i++) {
node = navRoot.childNodes[i];
if (node.nodeName=="LI") {
node.onmouseover=function() {
this.className+=" over";
}
node.onmouseout=function() {
this.className=this.className.replace
(" over", "");
}
}
}
}
}
window.onload=startList;
