...

View Full Version : CSS/HTML Menu Bar



superockside
08-07-2011, 11:24 PM
Hi everyone, im new here and looking for some help :)

Essentially what I need to create is a vertical menu bar that uses css/html only and includes sub menus.
The best example of what I need can be seen on the following site:
http://treboethhistorygroup.com/
If you see the menu bar on the left, I need something like that.
Thing is that was created using Dreamweaver (its a Spry menu bar).
Can that sort of thing be replicated using CSS/HTML only?
Does anyone know any basic code that could help get me started?
Many thanks for any help.

Sammy12
08-07-2011, 11:52 PM
you can look at their script with inspect element


http://i1114.photobucket.com/albums/k535/auroralight1/Untitled-69.png



i think they used javascript for the hover, but you can use something like this http://css.maxdesign.com.au/listamatic2/horizontal04.htm which is pure css

majunior
08-08-2011, 08:26 AM
It's a bit difficuilt doing this, using only HTML and CSS. It can be done but I dont recommend it, since you have little control over the flow and the timing of the menu. But, if you want, it is possible. It basically works like this:


li ul {display: none;}
li:hover > ul {display: block;}

The 2nd line lets you display the ul whenever you hover over the li.

For more info and in depth tutorials about this:
http://www.howtocreate.co.uk/tutorials/testMenu.html
http://pressography.com/tutorials/css-only-hover-menu/

the first one describes the pros and cons of using only html and css, so that might be helpful in your case



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum