Welcome to WebmasterWorld Guest from 54.145.209.34

Forum Moderators: not2easy

CSS for menu expander

   
11:44 am on Aug 14, 2012 (gmt 0)



Hey Guys,

So... i have a website, had it a while now and basically i want to improve the menu. At the moment, it has the main nav with a certain amount of buttons, which when hovered over show their subordinate pages in a sub-navigation below. However, the issue is, the sub-nav below has a white background which is ALWAYS there.

What i want to happen is the white bar is not there, then ONLY when a user hovers over a button does it appear (sliding down or something) revealing the subordinate links.

Does this make sense? If anyone can help me with the coding for this i'd be forever in their debt. Or even point me in the right direction to a tutorial, i can't seem to find one, at least then i could try and apply that to the current menu myself.

Thanks
Michael (one of the new guys)

[edited by: alt131 at 12:26 pm (utc) on Aug 14, 2012]
[edit reason] Thread Tidy [/edit]

10:56 pm on Aug 17, 2012 (gmt 0)

WebmasterWorld Senior Member 5+ Year Member



Hi mcharalambous and welcome to css,
It does make sense! I'm just not sure of the exact source of the issue. What happens when you set the desired background-color on the sub-nav elements (or the element creating the "bar", then change it to white on :hover? Also are you sure the sub-nav/other element has been hidden so it only becomes visible on :hover?
 

Featured Threads

My Threads

Hot Threads This Week

Hot Threads This Month