I'm working on this site (http://www.beausoleilhome.org) and for some reason I can't get the on/off states to work in IE6. Please advise me on how I can resolve this problem. And thanks again for your help.

Comments

andregriffin’s picture

andregriffin commented

do you mean hover/active states for links?

a:link,a:visited {
  color:#d01f3c;
  text-decoration:none;
}

a:hover,a:active,li a.active,a:focus {
  color:#eb5b6f;
  outline:none;
  text-decoration:none;
}

That is how links are targeted for regular and hover states.

#nav ul.primary-links li a:link,ul.primary-links li a:visited {
  color:#d01f3c;
  text-decoration:none;
}

#nav ul.primary-links li a:hover,ul.primary-links li a:active {
  color:#8ad6ef;
}

That is how primary #nav links can specifically be targeted.

rowgully’s picture

rowgully commented

When viewing the site in all browsers - except for IE6 - when you are on a specific page (like "Mission") that link to the Mission page is underlined in the top nav bar. However, this doesn't occur in IE6. One of the requirements of this competition the site's being designed for requires that those links be underlined (when you're on that page) in IE6 as it does in the other browsers.

I suspect, there's a simple answer to this I'm just overlooking (that I might even be able to address in the style sheet) but I'm coming up empty-handed. I'm also perplexed as to why it would work in all other browsers, but not IE6.

Thanks for taking the time to not only create a great theme but for fielding my questions.

andregriffin’s picture

andregriffin commented

Find the two selectors in your style.css that begins the same as the following two blocks of code. Alter them to reflect the following:

a:hover,a:active,a.active,li a.active {
  color:#YOUCOLORCODE;
  text-decoration:underline;
}

#nav ul.primary-links li a:hover,#nav ul.primary-links li a:active,#nav ul.primary-links li a.active {
  color:#YOUCOLORCODE;
  text-decoration:underline;
}
rowgully’s picture

rowgully commented

Andre, this is my code, and it's still not working in IE6.

a:hover,a:active,li a.active {
color:#336600;
outline: none; 
text-decoration: underline;
}

#nav ul.primary-links li a:hover,ul.primary-links li a:active {
text-decoration: underline;
}

Thanks again for your help.

rowgully’s picture

rowgully commented

Bingo! Your code did the trick. Thanks again for all of your help and a great theme.

andregriffin’s picture

andregriffin commented
Status: Active » Fixed
Anonymous’s picture

Anonymous (not verified) commented
Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for two weeks with no activity.