Solved

How to I keep this menu option active?

Posted on 2013-06-27
7
332 Views
Last Modified: 2013-06-27
I have a site here:

http://haskris.com/site/

When you hover over a menu option that has a drop down (for example "Products") it changes to a purple background. However, when you move down to the dropdown the Products purple background goes away.

How do I keep it active like in the attached graphic?
ss.jpg
0
Comment
Question by:Donnie Walker
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 3
  • 3
7 Comments
 
LVL 53

Expert Comment

by:COBOLdinosaur
ID: 39282154
How do I keep it active like in the attached graphic?

You could start by addressing the 128 errors reported by the HTML validator:

http://validator.w3.org/check?uri=http%3A%2F%2Fhaskris.com%2Fsite%2F&charset=%28detect+automatically%29&doctype=Inline&group=0

Once you have a valid structure it might work as expected, and if not we will at least have some idea of how the browser is applying the CSS rules to the structure.

Cd&
0
 

Author Comment

by:Donnie Walker
ID: 39282170
that does not answer my question.
0
 
LVL 53

Expert Comment

by:COBOLdinosaur
ID: 39282195
The issue is structural.  The CSS rules have to cascade down through the structure and the structure is invalid.  Therefore there is no definitive answer; though there may be some guesses or possibly a hack to further damage the structure.

So upgrade the quality of the code and we can do it right, or you can wait for someone to find a hack for you.

Cd&
0
Don't Cry: How Liquid Web is Ensuring Security

WannaCry is just the start. Read how Liquid Web is protecting itself and its customers against new threats.

 

Author Comment

by:Donnie Walker
ID: 39282201
please move along.
0
 
LVL 43

Accepted Solution

by:
Chris Stanyon earned 500 total points
ID: 39282433
Hehe - how to win friends and influence people :)

Try something like this:

#mainmenu li.sfHover > a {
    background-color: #41005C;
    border-radius: 10px 10px 0 0;
    color: #FFFFFF;
}

Open in new window

FYI - Advising you to fix invalid code is a valid answer when you ask for help! You'd be amazed and how many problems are 'magically' fixed when your code validates...
0
 
LVL 53

Expert Comment

by:COBOLdinosaur
ID: 39282483
how to win friends and influence people

I just consider the source.  Anyone not professional enough to address errors in their code does not have any opinion I consider worth processing, and there are more productive things I can be doing.

Cd&
0
 

Author Closing Comment

by:Donnie Walker
ID: 39282493
and yet your "hack" solved the problem. Thanks!
0

Featured Post

Salesforce Made Easy to Use

On-screen guidance at the moment of need enables you & your employees to focus on the core, you can now boost your adoption rates swiftly and simply with one easy tool.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Introduction If you're like most people, you have occasionally made a typographical error when you're entering information into an online form.  And to your consternation, the browser remembers the error, and offers to autocomplete your future entr…
This article shows the steps required to install WordPress on Azure. Web Apps, Mobile Apps, API Apps, or Functions, in Azure all these run in an App Service plan. WordPress is no exception and requires an App Service Plan and Database to install
The purpose of this video is to demonstrate how to insert an Iframe into WordPress. This will be demonstrated using a Windows 8 PC. Go to your WordPress login page. This will look like the following: mywebsite.com/wp-login.php : Open Page or Post…
The purpose of this video is to demonstrate how to set up the permalinks on a WordPress Website. This will be demonstrated using a Windows 8 PC. Go to your WordPress login page. This will look like the following: mywebsite.com/wp-login.php : Go t…

691 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question