CSS A:hover...

[chrisjk]

I'm using this code to apply a background colour to hyperlinks when the mouse moves over them.

A:hover {
    text-decoration : none;
    color : #0080C0;
    background-color : #DEDFDF;
}

However it also colours the background of image links. How can I get it to only apply to text links?

Thanks

[JoshT]

CSS:

A.ClassName:hover { }

HTML:

<a class="ClassName">

So you can control the specific tags you want. Just remember that A.ClassName will inherit from the generic A.

[chrisjk]

ah! cheers

Anybody know what happens if a non css compliant browser views the anchor html with a class attr.? Does it screw up?

[JemimaChadwick]

However it also colours the background of image links. How can I get it to only apply to text links?

Try marking border=0 for the images... then it won't apply, i think.

- Jemima.

[ubunreal69]

hmmm, i meant to post a thread posing exactly the same problem a while ago, this is so cool (not really) anyway, thanx ppl.