Image link border

[Guest aztechx]

how do i put a link on a picture without having a weird color border around it??

[Jonas]

<a href="#"><img src="path/image.extension" style="border-style: none;" /></a>

[vchris]

Jonas, couldn't you just use <img src="image.jpg" border="0">?Is the border attribute deprecated? I don't know remember seeing that...

[SmokingMan]

Yes, the border attribute has been deprecated. I always use CSS now to remove that lovely blue border.

[vchris]

ah! I never read that or heard of that before. Thanks for the info SmokingMan ! So now you can just add this in your stylesheet:

img { border-style: none; }

And all images will have the border removed.

[Jonas]

ah! I never read that or heard of that before. Thanks for the info SmokingMan ! So now you can just add this in your stylesheet:

img { border-style: none; }

And all images will have the border removed.

<{POST_SNAPBACK}>

Not quite that simple I think.Default border for img is none. The border comes when you have a link image, then the border is used as text-decoration on a text-link, since a simple underline on an image wouldn't show much. So to declare the style in the head section instead of with a style attribute, you would write:a img {border-style: none;}

[vchris]

ah I see! Thanks for the info Jonas.