CSS Underlined Images (When links)

JonB · 3 Apr 2008 at 02:45

At the moment whenever I hover over an image on my webpage, that is a link an underline appears. How would I stop this happening with all image links on my page?

(In css)

Thanks

shifty_uk · 3 Apr 2008 at 03:33

As default, images shouldn't have underlines upon rollover?

try something like:

img a:hover {
text-decoration: none;
}

Tripnologist · 3 Apr 2008 at 12:06

You're right in that there shouldn't be an underline on an image that is a link. At least not by default.
However, your css would never work as you're not going to have an 'a' tag enclosed inside of an img tag.

Any chance of you posting your html/css up?

Rob7865 · 4 Apr 2008 at 13:30

Hi there

Try this:

Code:

img{
boarder-style:none;
 }

Rob

Ross1234 · 4 Apr 2008 at 15:36

Tripnologist said:
You're right in that there shouldn't be an underline on an image that is a link. At least not by default.
However, your css would never work as you're not going to have an 'a' tag enclosed inside of an img tag.

Any chance of you posting your html/css up?

Would this work?

Code:

img.a:hover {
text-decoration: none;
}

Tripnologist · 4 Apr 2008 at 16:21

Ross1234 said:
Would this work?

Code:

img.a:hover { text-decoration: none; }

No, that would target the hover state of an img tag with a class of a.

Dj_Jestar · 4 Apr 2008 at 16:31

If your (or a users) browser is set to always underline links, you can't do anything about it.

ConTRo13R · 4 Apr 2008 at 16:34

go into dreamweaver and do all CSS using the tools there (kinda cheating but it works and validates too) that way you have full control over what happens

Ross1234 · 4 Apr 2008 at 17:56

ConTRo13R said:
go into dreamweaver and do all CSS using the tools there (kinda cheating but it works and validates too) that way you have full control over what happens

Does he have dreamweaver?