create HTML menubar

Question

I'm looking for some help with creating a horizontal menubar in HTML. The menubar will have menus such as File, Edit, View and when you mouseover or click on the File menu (for example), the menu will be displayed showing menu items such as New, Open, etc.

Ideally, I'd like to create the menubar and menus using pure HTML and CSS, but I also have JQuery, Prototype and Scriptaculous at my disposal if necessary. Does anyone know of any good examples/tutorials from which I could draw inspiration?

EDIT: Thanks for all the links. I should have mentioned that I'm really looking for a tutorial that explains how to do-it-yourself in HTML/CSS/JS, rather than a WYSIWYG tool that builds all the code for you.

Cheers, Don

Answer 1

I've found this menu tutorial on A List Apart to be helpful. If you search around on that site you can find a lot of good design tutorials and templates.

Answer 2

Here is another reference you could look at: http://www.dynamicdrive.com/style/csslibrary/item/suckertree-menu-horizontal/

Answer 3

Get this free Windows-based CSS navigational menu creator. It is great and a good teaching aid as well.

http://www.highdots.com/css-tab-designer/