CSS 2-level menu

I can't quite find what I want because I don't know what it's called.

Can anyone point me to a page with the raw CSS (cross-browser) that has the horizontal menu, and when you go over it a horizontal menu appears below it?

Thanks

 

this any help to you ?

http://webhost.bridgew.edu/etribou/layouts/rMenu/

 

None of those examples are what I am looking for..

Basically, it would be a horizontal bar... and when one hovers, that submenu appears as a horizontal bar below it...

 

As in a drop down menu?

 

Something like this:
http://labs.silverorange.com/images/tabsupdate/about.html

where those second-level items appear automatically, rather than needing to click the item to go to the page...

 

www.textlinkads.com has a CSS dropdown menu if that helps.

 

You could use javascript to change the content of a div placed under neath the navigation so when they hover over the link the sub menu links appear underneath. I beleive this would be really simple to acheive aswell.

If you can't find anything PM me and ill have a look around for you.

 

<a href="#" title="link 1" onmouseover="document.all.submenu.innerHTML = '<a href=#>another link</a> | <a href=#>and another link</a>'">Link 1</a>
<a href="#" title="link 1" onmouseover="document.all.submenu.innerHTML = 'There is no sub nav'">Link 1</a>
<a href="#" title="link 1" onmouseover="document.all.submenu.innerHTML = '<a href=#>linkage 1</a> | <a href=#>linkage 2</a> | <a href=#>linkage 3</a>'">Link 1</a>
<div id="submenu" style="background:#e6e6e6;">
Select a link from above
<div>

Code (markup):

Copy and paste that to a file and name it anything.html and see if thats what you mean, it is a very messy way of doing it and there is a more efficient code but I just wrote this off my head. Let me know.

 

I wanted to avoid javascript. I got it in the end though...