CSS Drop Down Navigation [+4 rep]

[Thai-Man-Land]

How do I get a drop down navigation using CSS like http://www.smartwavetech.com?

Replies recieve +rep

[Four]

http://www.thesitewizard.com/wizards/navigationmenu.shtml

[Thai-Man-Land]

that makes my code too bloated, and uses JS

[Protege]

CSS Drop down, and you think JS code is "bloated"? Try this tutorial I quickly googled 4 u. http://www.projectseven.com/tutorials/navigation/auto_hide/

[Thai-Man-Land]

That thing generated about 200 lines of code.

Thanks for this one though - looks promising

[Thai-Man-Land]

EDIT: Free hosting to the person who can do this for me. Internet keeps crashing (again)

[Iszak]

If you're not going to use JavaScript, each lower version of Internet Explorer and I'm sure other browsers will lose functionality, as they all have different stages of CSS 2.1 implemented and especially when it comes to the pseudo selectors in particular the :hover one, IE6 only supports them for hyperlinks. In all honesty you're best off using JavaScript or a JavaScript framework, but here's a sample I did up, again it won't work well in all browsers. http://pastebin.me/49ba03b4bd750

[Thai-Man-Land]

Any reccomendations for using JavaScript?

[Iszak]

There's lots of frameworks that'll help you with this - but just be sure when using JavaScript use it responsibly, this includes if you're going to use a framework (which can add around 30kb) to your page size, use it more than once. Also allow non-JavaScript replacements, so for example with this drop down menu if they have JavaScript off, it'll possibly let them click the main links, which will then direct them to a page with the links from the submenu. If you want I could make you one with jQuery sometime.