Horizontal Menu - can the second level be horizontal too?

[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

[Dr.CSS]

sorta like this?...

http://www.multiintech.com/index.php?pa ... horiz   

[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]

[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.

[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

[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;