homepage Welcome to WebmasterWorld Guest from
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Pubcon Platinum Sponsor 2014
Home / Forums Index / Code, Content, and Presentation / CSS
Forum Library, Charter, Moderators: not2easy

CSS Forum

CSS for menu expander

Msg#: 4484603 posted 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.

Michael (one of the new guys)

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



WebmasterWorld Senior Member 5+ Year Member

Msg#: 4484603 posted 10:56 pm on Aug 17, 2012 (gmt 0)

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?

Global Options:
 top home search open messages active posts  

Home / Forums Index / Code, Content, and Presentation / CSS
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved