How to remove the blue border around a linked image?

[justinw]

Hi all!

I need to place a link on image to another site, but I don't want the blue border to be around the image. How do I prevent that from showing, as on most other sites?

[ChristinaS]

Hah! This one is easy.
Just add the border="0" paremater to your img tag.

Your html tags may be something like this:

[img]image.jpg[/img]

If you omit the width and height it will default to whatever actual width and height the image has.

By specifying the border parameter you won't have the blue border around it (or other color, whatever it is for links in your web page set up).

It doesn't matter if your <a href=....> tag points to a web page on your site or elsewhere or the [img]...[/img] refers to an image on your site or elsewhere. The principle is the same.

[mikmik]

yes ChristinaS, that works.
You can also make a class in your CSS document if you are using one. I do this for all my sites :
.classname ( I use 'nobrdr' myself)

So that you have:
.nobrdr {border:0;}

And put it in all places that you don't want a border like this :
<img class="nobdr" src"path/to/image.jpg"></> (</> for xhtml)

[disciple]

<img class="nobdr" src"path/to/image.jpg"></> (</> for xhtml)

<img class="nobdr" src"path/to/image.jpg" /> (for xhtml)

[redcircle]

--OR--

in your stylesheet just define

img {
border:0;
}

This will save you the time of adding the class to your existing images.

[justinw]

Thanks to all of you for your comments - very helpful! (",)