How to Remove the Blue Border Around a Linked Image on a HTML Page

When embedding a linked image into an HTML page it will have a blue border by default which can be helpful at times to see that the image is linked to a URL however most of the time it looks ugly. Use the information below to remove this border completely. The border may show purple if you have visited the URL before however if you have not it will show blue.

Example Of Default Border On Linked Image:

Example Code:<a href=”mailto:laura@ographicdesign.com”><img src=”ographic-splash.gif”></a>

To remove the border you just need to add a border setting of 0 to the image tag itself as shown below.

No Border Example Code:<a href=”mailto:laura@ographicdesign.com”><img src=”ographic-splash.gif” border=”0″></a>

New HTML Page Example:

It is pretty simple though if you have never done it then this may not be obvious so hopefully this helps.

See larger image Build Your Own Web Site The Right Way Using HTML & CSS, 2nd Edition (Paperback) By (author) Ian Lloyd List Price: $29.95 USD New From: $10.42 In Stock Used from: $3.69 In Stock

See larger image HTML, XHTML, and CSS All-in-One Desk Reference For Dummies (Paperback) By (author) Andy Harris, Chris McCulloh List Price: $34.99 USD New From: $25.59 In Stock Used from: $0.01 In Stock

This entry was posted on Monday, September 14th, 2009 at 10:39 PM and is filed under Insights. You can follow any responses to this entry through the RSS 2.0 feed. You can skip to the end and leave a response. Pinging is currently not allowed.