CSS A:hover...

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

Code:

---

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

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.

ah! cheers

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

Quote:

---

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.

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