Welcome to WebmasterWorld Guest from 54.167.96.84

Forum Moderators: not2easy

Message Too Old, No Replies

CSS Drop Down Menu

Having some issues with getting the drop down part to work.

     
3:47 pm on Aug 31, 2012 (gmt 0)

New User

joined:Aug 31, 2012
posts: 1
votes: 0


Hello there!

I've been having trouble with this for a very long time and have decided to succumb to actually asking someone.

I want to create a drop down menu with CSS and HTML for my website and have it all sorted out except for the vital part of the drop down. They are basically not hiding until their parent is hovered on and are just always there.

I've tried messing about with the z-index but to no avail, I can post code but only if people need me to do it (I.E I haven't explained myself very well).

Hope you can help :)

Tommybob3000
11:34 am on Sept 13, 2012 (gmt 0)

Senior Member

WebmasterWorld Senior Member 5+ Year Member

joined:Aug 9, 2008
posts: 961
votes: 0


Hi Tommybob3000m and welcome to WebmasterWorld,

z-index can get a bit complicated in drop downs, but I expect the issue is the hide/show. Have you tried setting
visibility:hidden
on the drop downs, then
visibility:visible
on
:hover
so the drop downs appear when the user hovers?

[edited by: alt131 at 2:52 pm (utc) on Sep 23, 2012]

2:16 pm on Sept 23, 2012 (gmt 0)

Senior Member

WebmasterWorld Senior Member 10+ Year Member

joined:Feb 12, 2003
posts: 1199
votes: 0


alt131 is right on, and if that's not enough to get your code working, then just start with one of the plentiful CSS menu methods that have already been coded by others. Just type "css menus" into your favorite search engine.