asked on 5/15/2011

Rollover Link Color Works in IE NOT Firefox

Hello ~ RE: http://wildmustard.net/index.html, I notice the rollover link colors change correctly in IE 8.0; HOWEVER, SOME of the rollover link colors do not change in Firefox 4.0.1(!).

Top and bottom links in the index table on the left change, 2 middle links do not. Also "Contact" at the bottom of the page does not change.

I'd appreciate any insight!!! ???

Best Regards, Jacob

Web Development Web Languages and Standards Web Browsers

Last Comment

agriesser

5/15/2011

agriesser

5/15/2011

Hello there,

this is because of the visited state of the links. Every link you clicked on does not do the hover effect.
You need to either get rid of the a:visited definition in your stylesheet completely or move it above the a:hover entry in your CSS, that will do too.

bye,
Alex

ASKER CERTIFIED SOLUTION

agriesser

5/15/2011

THIS SOLUTION IS ONLY AVAILABLE TO MEMBERS.

View this solution by signing up for a free trial.

Members can start a 7-Day free trial and enjoy unlimited access to the platform.

See Pricing Options

Start Free Trial

Chi Is Current

5/15/2011

ASKER

agriesser ~

Thank you! Your comment helped a lot. The following works fine in both Firefox and IE. In looking more closely, I think I deleted the: 'text-decoration: none;' line in the a:visited {declaration}. I think that was the root cause of the original problem.

Thank you for your assistance and looking at this with new eyes.

Best Regards, Jacob

=========================================
a:visited {
      color: #FFE75E;
      text-decoration: none;
}
a:link {
      color: #FFE75E;
      text-decoration: none;
}
a:hover {
      color: #CC0000;
      text-decoration: none;
}

agriesser

5/15/2011

You're welcome! :)