HTML putting hyperlink creates a Square box around images

I tried to put a hyperlink on my website to different pages(on my website itself) but the problem is that it creates a square biox around those jpegs.
Lets say if I have a jpeg/gif by the name of SERVICES and from homepage if I put a hyperlink to this page it creates a box around that image(SEVICES-jpeg/gif).

I mean when I see the page on IE it shows a blue bosx around all the images which have hyperlinks. here is how the code looks like:-


<tr>
<td background="images/fon03.gif"><img src="images/fon03.gif" width="25" height="39"><a href="

 

the site name is

http://www.rainainc.com

 

I have never seen this but I think it's interesting now you don't have to make 3 jpegs of those buttons in different colors to show what links you have visited

 

I've had it happen many times, here's what to do!

This is what you have now:

HTML:

<a href="http://www.rainainc.com"><img src="images/but01.gif" width="78" height="39"></a>

-------------
What you need to change/add would be this:
border="0px"

So, finally you would end up with this:

HTML:

<a href="http://www.rainainc.com"><img src="images/but01.gif" width="78" height="39" border="0px"></a>

Hope that helps!

 

Nice just needed that and I remembered you posted somthing like this.

Thanks

 

is it standard to put 0px instead of just 0? I always use border="0" but that's correct. If you don't want borders, you have to tell browsers that you don't want them by declaring a 0