Blue boxes around my linked pictures

To add on to previous experts comments,

write the css for img and anchor in a generic fashion to remove the borders. Add below to ur application CSS file.

a{
    border:0;
}

img{
  border:0;
}


In case of altering border for certain images .. you can use css class


.imgNoBorder{
  border:0;
}

.imgBorder{
  border:2px;
}

<img src="a.jpg' class="imgNoBorder"/>

<img src="b.jpg' class="imgBorder"/>

-Murali*


-Murali*

Oops missed ur fix part.To fix the image border that  you mentioned you need to add border="0" for img tag. Below would fix ur current problem

<img height="152" width="250" src="images/widget_play_football_250x152.gif" border="0"/>

-Murali*

when ever we give hyperlink link to image tag that border will appear
if u need to remove border to entire website

img
{
border:0px;
}

otherwise  u want remove a specific image
<img src="images/Newgif" alt="New Image" style="border:0px;" />

img
{
border:0px;
}
 
<img src="images/Newgif" alt="New Image" style="border:0px;" />

Select allOpen in new window

Just append border=0 for your img tag.

Whenever an image is made to serve as a hyperlink, this happens.

Thanks.