Solved

How to I keep this menu option active?

Posted on 2013-06-27
7
323 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
  • 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
Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

 

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

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

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

Suggested Solutions

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…
CSS is a visual language used to classify objects and define rules about how they should be displayed. CSS skills aren’t restricted to developers anymore, there is a big benefit to having a basic understanding of the language, regardless of your occ…
This video teaches viewers how to create their own website using cPanel and Wordpress. Tutorial walks users through how to set up their own domain name from tools like Domain Registrar, Hosting Account, and Wordpress. More specifically, the order in…
The purpose of this video is to demonstrate how to reset a WordPress password if you are locked out and cannot reset the password. A typical use would be if you cannot access the email to which WordPress would send the password recovery email to…

920 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

Need Help in Real-Time?

Connect with top rated Experts

15 Experts available now in Live!

Get 1:1 Help Now