Changing the Hover color of a single(or multiple) link(s)?

They have: 75 posts

Joined: Mar 2000

hello, I have a style tag in the head section of my page that set the hover color of links to 006699 (a blue color), but certain links on the page I would like to be red(990000) when the mouse is hovered over them.

Anyway this can be done?

-Tallon- www.tallonsclaw.net (starcraft clan)

-tallon

Suzanne's picture

She has: 5,507 posts

Joined: Feb 2000

If you have the HOVER set, you know a bit about CSS, right?

So for the *special* links with a different colour HOVER (which is IE 4+ and NN 6+ only), you would use a CLASS...

<a class="redhover" href=""></a>

And in the CSS

a:hover.redhover {color: red;}

Easy as pie!

Suzanne

------------------
Zero Cattle
Suzanne
Tables DeMystified

[This message has been edited by Suzanne (edited 24 June 2000).]

They have: 75 posts

Joined: Mar 2000

Actualy, no, I don't know much about CSS =), this is my first time using the STYLE tag or dhtml or any of that stuff. Still learning =).

but thanks for the reply.

-Tallon- www.tallonsclaw.net

-tallon

Suzanne's picture

She has: 5,507 posts

Joined: Feb 2000

AH! Alright, then...

<head>
<style type="text/css">
<!--

/* this stuff you should already have in place */

a {}
a:link {}
a:visited {}
a:active{}
a:hover {}

/* This is the new bits */

a:hover.redhover {color: red;}

//-->
</style>
</head>

And then use it like I showed you in the other post.

------------------
Zero Cattle
Suzanne
Tables DeMystified

Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.