Drop down menu

[dmach8]

Hi, I have created a dropdown menu with a table and using hidden and visible style properties to show on mouseover and mouseout events. My question is anything under the menus, mainly a link isn't active, I've played with zo order and not sure how to get this to the top to become active, any help would be apreciated. Thanks Steve

[AdamGundry]

You could try using the display property instead of visibility, which will make the element take up no space when "display: none" is set. "Visibility: hidden" hides the element, but it still takes up the same space.

Adam

[dmach8]

Display: none keeps it hidden, then how would i go about showing that element? Its probably staring at me and I'm missing the obvious

[meow]

You probably want 'display: block'.
http://www.w3.org/TR/REC-CSS2/visuren.html#propdef-display

I'm wondering what you mean when you say nothing under the menu is active though? Under as in lower down on the page or under as in, well, under. :D

[dmach8]

I did this with a hidden table and cells. Visibility makes the menu open, the effect is perfect, but like it was said I guess it takes up space so anything right below (Under) the menu that contains a link won't work, you cant click on it. So I have had to move anypart of a page with a link down the page, sometimes making the page look out of sorts. The display property makes things jump all over the place and I'm not sure if its because I used a table or not. Thanks

[meow]

Oh, I understand now.

If you toggle display you probably have to position stuff in one way or another since the elements that have 'display: none' don't take up space.