Trouble formatting vlink with css! Help!

[nateyork]

Greetings all!

My first post!

I am having a heck of a time formatting a visited link with css!

Here is my link CSS code to handle links that is from an external file called 'basic.css'

a:link { font-size:8pt;
line-height:8pt;
text-decoration: none;
font-family:Arial, sans-serif;
color:#717d46;
}

a:visited a:link { font-size:8pt;
line-height:8pt;
font-family:Arial, sans-serif;
color:#717d46;
}

a:hover a:link { font-size:8pt;
line-height:8pt;
font-family:Arial, sans-serif;
color:#717d46;
}

a:active a:link { font-size:8pt;
line-height:8pt;
font-family:Arial, sans-serif;
color:#717d46;
}

Basically I want them to ALWAYS look the same, visited, hovered, or whatever.

And they look just like I have defined! All green and no underline! But low and behold when I click one - it turns PURPLE and UNDERLINED! UGlY!

How do I cancel this! I have been pulling my hair out!

I must be going crazy, but I cant find the code in my page anywhere that defines a purple link! No vlink="" in the body, nothing!

Help?

Thanks!

Nate~

[Lchad]

I think you need to try tweaking that css code a little
Try this instead...
a:link { font-size:8pt;
line-height:8pt;
text-decoration: none;
font-family:Arial, sans-serif;
color:#717d46;
}

a:visited { font-size:8pt;
line-height:8pt;
font-family:Arial, sans-serif;
color:#717d46;
}

a:hover { font-size:8pt;
line-height:8pt;
font-family:Arial, sans-serif;
color:#717d46;
}

a:active { font-size:8pt;
line-height:8pt;
font-family:Arial, sans-serif;
color:#717d46;
}

If you wanted to keep the a:link you should separate by a comma.
But this code above should work... that's what I use!

If not we'll need to see a link to the whole site!

[Ryan Fait]

Code: Select all

a {
    color: #717d46;
    font: 8pt/8pt arial,sans-serif;
}

Take out the rest and just use the above code.

[Lchad]

ooo... even shorter code... Nice!

[karinne]

Or if you REALLY wanted to keep the pseudo-classe, like Lchad said, you need to put a comma to separate them like this

Code: Select all

a:link, a:visited, a:hover, a:active, {
    color: #717d46;
    font: 8pt/8pt arial,sans-serif;
}

but Ryan's code is much better and much shorter

[nateyork]

Wow! Thanks so much! The code seems to work great, and soooo short too!

You guys are great! Many many thanks!

Nate~

[Ryan Fait]

No problem