Reputation: 187389
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
Upvotes: 5
Views: 48775
Reputation: 2539
If you're french speaking there is many example of menus with HTML + CSS at http://www.alsacreations.com/
Upvotes: 1
Reputation: 47685
I highly recommend YUI menu components if you can use them. You can use an application menu (view example) built from HTML markup of from Javascript.
YUI components are very easy to use, open source, they have a great support and documentation, and seems well designed. And they are from Yahoo ;)
Upvotes: 1
Reputation: 1388
There's a public domain pure CSS menuing system at
http://www.grc.com/menudemo.htm
Upvotes: 1
Reputation: 17683
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/
Upvotes: 2
Reputation: 12272
Here is another reference you could look at: http://www.dynamicdrive.com/style/csslibrary/item/suckertree-menu-horizontal/
Upvotes: 2
Reputation: 63676
I think the most robust out there is this one "DHTML Menu" http://www.milonic.com/ By Milonic.
It handles theming and a whole pile of options.
Upvotes: 0
Reputation: 406035
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.
Upvotes: 5
Reputation: 4930
Have a look at the CoffeeCup Free DHTML Menu Builder:
http://www.coffeecup.com/free-dhtml/
Sounds like it will do what you want.
Upvotes: 1