How to remove the blue border from linked photos

[BCampbell]

Didn't see this covered anywhere else, if it has been my apologies.

When we post a photo inside a link from another site, they end up with a blue border (that turns purple after you click) to denote it's a link, just like linked text is underlined and in blue. I don't know about everyone else, but it really bothers me, and I don't like some ugly blue or purple border on my photos. Thankfully, there's an easy way to remove it while keeping the link active.

I'm using flickr as an example, but it's the same with any other site. Here's some code automatically generated by flickr that we use to post a photo:

<a href="http://www.flickr.com/photos/bvcphoto/4281961393/" title="Farmer's Market, Troy NY by Benny BNut, on Flickr"><mg src="http://farm3.static.flickr.com/2756/4281961393_ca12c3e355.jpg" width="500" height="333" alt="Farmer's Market, Troy NY" /></a>

Because the img tag is inside some anchor (link) tags, we get the link border. All we have to do add border="0" to the img tag attributes, like this:

<a href="http://www.flickr.com/photos/bvcphoto/4281961393/" title="Farmer's Market, Troy NY by Benny BNut, on Flickr"><img src="http://farm3.static.flickr.com/2756/4281961393_ca12c3e355.jpg" width="500" height="333" alt="Farmer's Market, Troy NY" border="0"/></a>

When you post your photo, no blue border.



vs.



protip: the 0 in the border attribute tells the browser how many pixels wide to make the border. You can set it to whatever size you want, here it is at 130px, sort of like really gross matting: