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!

I will NEVER understand the point of using a divs and css - and then you stick the whole thing inside a moldy old TABLE. Geez... dump the tables for layout, you do NOT NEED them !

Now, the reason your links are turning purple is because of specificity - there is no color defined for div.menutxt a:visited - so it goes to the default purple.

Originally Posted by LadynRed

I will NEVER understand the point of using a divs and css - and then you stick the whole thing inside a moldy old TABLE. Geez... dump the tables for layout, you do NOT NEED them !

Now, the reason your links are turning purple is because of specificity - there is no color defined for div.menutxt a:visited - so it goes to the default purple.

yes I know I know! i need to learn tableless web design, but this site is pretty much done so I am going to study and learn about it for my next project

About my issue... I have a:visited defined!

Specify the gray color code again inside of a:visted{}
which is blank right now.

One thing about table cells, is that they override default font settings.

Like I said, it's a SPECIFICITY issue. This will work:

.menutxt a:visited{color: orange;}

as an example

The problem was that I was missing a ; after the a:visited color code!