How to change background-color on text links on hover but not image links

Question

I have a CSS rule like this:

a:hover { background-color: #fff; }

But this results in a bad-looking gap at the bottom on image links, and wh

Answer 1

I'm confused at what you are terming "image links"... is that an 'img' tag inside of an anchor? Or are you setting the image in CSS?

If you're setting the image in CSS, then there is no problem here (since you're already able to target it)... so I must assume you mean:

To which, I would suggest that you specify a background color on the image... So, assuming the container it's in should be white...

a:hover { background: SomeColor }
a:hover img { background-color: #fff; }