Blue borders on link images

Junior WebHelper Joined: 04 Nov 2004 Posts: 2

How do you get rid of them? I've tried everything in CSS that I can think of, without success. I assume I'm missing something obvious here!

I notice that although Firefox doesn't usually show these, it does when you use an image map (which I was trying as way of getting rid of the blue edges in IE6 - didn't work, of course).

So, how do you get rid of them??

Posted: Thu Nov 04, 2004 1:26 pm (19 years, 5 months ago)

Blue edges do you mean on image-hyperlinks or the focus anyway try:

img { border:none; }

Junior WebHelper Joined: 04 Nov 2004 Posts: 2

I mean image hyperlinks. img{border:none;} works in IE6, and it isn't a problem in Mozilla.

Thanks for that, Robert

Posted: Thu Nov 04, 2004 3:07 pm (19 years, 5 months ago)

No problem.

Junior WebHelper Joined: 24 Aug 2004 Posts: 14

You can also just set the border attribute of the image to 0...

<IMG SRC="..." border=0>

Posted: Sun Nov 14, 2004 7:11 pm (19 years, 5 months ago)

Thermit wrote:

You can also just set the border attribute of the image to 0...

<IMG SRC="..." border=0>

That is true, but it should be noted that CSS is perhaps a better way of doing it - and is also the only valid way to do it with XHTML.