Linked image has a border around it 1

LaundroMat · Feb 17, 2004

Hi,

When I include an image in a link, like in:

Code:

<a href=&quot;[URL unfurl="true"]www.google.com&quot;><img[/URL] src=&quot;google.gif/>Google!</a>

and having defined links like such:

Code:

a {
color:#000000;
font-weight:600;
text-decoration:none;
}

Opera does not show a border around the linked image, but IE does... How comes? and how I can prevent this?

simonchristieis · Feb 17, 2004

this brings back memories, use

<img border="0" src="google.gif"/>

YNOTU · Feb 17, 2004

[tt]

LaundroMat · Feb 17, 2004

Heh, I thought it had been asked before, but none of my searches yielded the result I wanted.

Thanks!

Vragabond · Feb 17, 2004

I'd use one of the following:

Code:

<style type=&quot;text/css&quot;>
 img { border: none; }
</style>

or

<style type=&quot;text/css&quot;>
 a img { border: none; }
</style>

First example says every <img> tag will have no border. Second says that every <img> tag within the <a> tag, i.e. every picture link. Hope it helps.

simonchristieis · Feb 17, 2004

LaundroMat,

I wasn't taking the p**s, it's just been so long since I've heard that one asked.

Thanks for the star

Smon