CSS link text color problem..

Well…I’m having some trouble with formatting link text using CSS…Im not sure why it isn’t working. I’ve done this before in a different site. The text SHOULD be gray and when you hover over it should turn green....the links are purple instead of gray! But the weird thing is the green hover works… Depending on your browser and OS it looks different… I tried validating the CSS file and got an error. But it didn’t make sence…not to me ☹

My Style Sheet
http://sheffield.gomft.com/hfmcc/styles.css


The Site
http://sheffield.gomft.com/hfmcc/index.html


Thanks guys!

You mean the global navigation links at the bottom? They look fine to me.

__________________
CloudedVision, WebForumz Moderator
Web Design And Development: Other Road Design | Problems with IE6?: KApp | My Blog: Only Nerds Allowed

This is happening because you are getting the a:visited state which by default is purple. Clear your cache and/or define the a:visited {color:;} in your CSS to over write it.

I already have a:visited defined!

Yep, but theres a syntax error:

Code: Select all

a:visited {
	color: #808080
	text-decoration: none;
}

You forgot the semicolon after the color declaration.

__________________
CloudedVision, WebForumz Moderator
Web Design And Development: Other Road Design | Problems with IE6?: KApp | My Blog: Only Nerds Allowed

The CSS validator is telling you that you have two errors:

1. You don't have a semicolon after your color value for a:visited (should be color: #808080

2. the color you have set for .menutxt is an incorrect hex number (you have too many zeros )

your also getting one warning:

Same colors for color and background-color in two contexts #container and .whitetxt