View Full Version : Active links


Kat1984
02-14-2004, 10:05 PM
I uploaded a script that when hovered, the links flash different colours and works fine. But I can't seem to get the active links in a white colour, instead, they are staying the default colour.. which is a blue like colour..how do I become this?

pb&j
02-14-2004, 10:08 PM
try adding something like this to your HEAD area...

<style type="text/css">
a:active {color:#c0c0c0;}
</style>

just change the color code as required.

Kat1984
02-14-2004, 10:35 PM
I tried that earlier and didn't work..

kittycat
02-14-2004, 10:39 PM
Could you post your CSS code then? Because that should work.

Kat1984
02-14-2004, 10:54 PM
You mean every code that's on the page?

kittycat
02-14-2004, 10:58 PM
Just the CSS codes... if you have a link to the page that would probably be better though.

lefty
02-14-2004, 10:58 PM
Just the CSS ;)

Kat1984
02-14-2004, 11:05 PM
Alright, I'll give out the url.

http://www.muddle-cuddle.2ya.com

fruitcake
02-14-2004, 11:10 PM
Your hover attributes are working fine; the blue ones you were talking about are your static links. You'll want to also add in attributes for the other two states of your links:

a {link attributes...}
a:visited {link attributes...}

Kat1984
02-14-2004, 11:14 PM
Your hover attributes are working fine; the blue ones you were talking about are your static links. You'll want to also add in attributes for the other two states of your links:

a {link attributes...}
a:visited {link attributes...}



Where exactly do I put that code?

weird girl
02-15-2004, 12:51 AM
In the same section as the other A: {} attributes
Example:
A:link
{ text-decoration: none;
color:white; }
A:visited
{ text-decoration: none;
color:white; }
A:active
{ text-decoration: none;
color:white; }
A:hover
{ text-decoration: none;
color:white;


}
Like that, except you change the colors and such to whatever...

Kat1984
02-15-2004, 03:06 PM
In the same section as the other A: {} attributes
Example:
A:link
{ text-decoration: none;
color:white; }
A:visited
{ text-decoration: none;
color:white; }
A:active
{ text-decoration: none;
color:white; }
A:hover
{ text-decoration: none;
color:white;


}
Like that, except you change the colors and such to whatever...

Thanks, your example worked!