Removing the Ugly Blue Border Around Images

In wordpress, the image properties has a section called “border” in the advanced tab. By simply putting a 0 (zero) in the box and saving you’ll remove the border.

But, if you’re in a situation where you need to physically change the html code without the help of a wysywig, here’s what you do:

Below is a typical image code:

<a href="http://yourwebsite.com"><img src="images/mydog.jpg" alt="my dog" width="300" height="300" /></a>

This is your image (mydog.jpg) hyperlinked to (yourwebsite.com), and leaving it this way will create a blue border around your image.

If your site uses css you might find this:

img {
border: none;
background: none;
}
The above would mean that every image automatically has the border removed.

But there are times when you find yourself needing to fix this manually and all you need to do is add border=”0″ to your img src string.

Here’s what it would look like:

<a href="http://yourwebsite.com"><img src="images/mydog.jpg" border="0" alt="my dog" width="300" height="300" /></a><== Note the border code

That’s it! Easy as pie:)