Forum Moderators: not2easy

Message Too Old, No Replies

different link colors?

is this possible

         

antipodes

12:38 pm on Apr 21, 2003 (gmt 0)

10+ Year Member



I want to use standard bluey looking links with CSS, but have some links on the same page a different set of colors.

I've been fiddling around but without success. Is this actually possible.

The text is inside td tags. I am using external style sheet.

thx
antipodes

finoo

1:18 pm on Apr 21, 2003 (gmt 0)

10+ Year Member



"Normal color"

A {
COLOR: #000000;
TEXT-DECORATION: underline
}
A:active {
COLOR: #000000;
TEXT-DECORATION: underline
}
A:hover {
COLOR: #999999;
TEXT-DECORATION: underline}

Define the links that you would like another color on something linke this :

A.tagname {
COLOR: #666666;
FONT-FAMILY: Verdana, Geneva, Arial, Helvetica;
TEXT-DECORATION: underline
}

A.tagname:active {
COLOR: #666666;
FONT-FAMILY: Verdana, Geneva, Arial, Helvetica;
TEXT-DECORATION: underline

}
A.tagname:hover {
COLOR: #666666;
FONT-FAMILY: Verdana, Geneva, Arial, Helvetica;
TEXT-DECORATION: underline}

Use <a href="file.html" class="tagname"> in the html file to show the links that are defined with another color..

Hope this could help..

dmjw01

1:20 pm on Apr 21, 2003 (gmt 0)

10+ Year Member



Define a class name for your special coloured links, like this:

<a class="special" href="www.widgets.com">Widgets</a>

Then in your CSS file you can style them...

a.special { color: #ff0000; }
a.special:link { color: #00ff00; }
a.special:visited { color: #0000ff; }
a.special:hover { color: #cccccc; }
a.special:active { color: #eeeeee; }

These rules should not affect any links that don't have the "special" class applied to them.

But you might want to choose better colours ;)