Is this css okay?

[jvanree]

Hi,

I have all links set to underline in my stylesheet, but I don't want to have the images underlined (this is on a testdrive store, locally hosted, so I have no link, I'm sorry)

I just wanted to ask if I can use the following css code to prevent underlining of images:

img, a:link img, a:visited img, a:hover img, a:active img {
text-decoration: none !important;
border: none !important;
}

If this is the right code should I put it right after the first part of the stylesheet, or somewhere else?

And if it's not the right code, do you know a good one?

Thank you in advance!

Juliet van Ree

[kuroi]

This would over-ride underlining for most image links and should deal with all the ones you currently have on your site, wherever you put it in the stylesheet (other than in the middle of another set of styles).

However, it's conceivable that other links could creep in if their styles are defined in a more specific way. For example: "#navEZPagesTOC ul li a:hover" is more specific than "a:hover img" and could receive higher priority in some or all browsers if you popped images inside those links.

These are extreme cases though, to be dealt with only if they actually occur.

[jvanree]

Thank you very much Kuroi!

[jvanree]

Well I added the whole css code, and it's fine in ie but firefox still sees reason to underline my images. I've browsed the forum a bit and saw the vertical align middle solution, tried that one out, but since I have transparent png's for images I was stuck with a line trough instead of underline. So I took that one out again. Does anybody know a solution to this firefox specific problem?

[kuroi]

Do you have a specific example, as I can't find any on your site!

[jvanree]

I'm sorry Kuroi... it's not on my main sites... just a side project.. I've put it online, you can view it here http://hamster.julietvanree.com It is a zc, but will serve as a cms. It's completely in dutch, but luckely it;s only about the pictures...lol.