Light Blue Border around images

[vickyjs]

:frown;
when I first put an image up on my website it came up published with a light
blue border which placed itself a few pixels away from the image. I really like
the look. When I changed the image it now has a black border that run the edge
of the image. Does anyone know how to get the blue border back?

[gx280]

it can be lots of things like you gave a link to picture and thats why it had blue border.

or image border color was blue because of the CSS.

can you provide the URL or code?

[vickyjs]

[url]www.madriverhospital.com[/url] ( photo that is black now)
[url]http://madriverhospital.com/services/PainClinic.htm[/url] (has the blue border I want.

[gx280]

You used
img.float-right {
float:right;
padding:3px;
margin: 5px;
border:1px solid #56919C;
}
solution: ( i just added float-right class to your img line)
<img src="images/mrchphoto104.gif" alt="Shaw Paviliion" width="206"
height="153" hspace="6" vspace="6" border="1" align="right" class="float-right"

>

[gx280]

However , i would like to warn you that that class will put your image to right
side.. so if you just want to use the border part of it:

create another class and add it to your css
img.ilovethisborder{
padding:3px;
margin: 5px;
border:1px solid #56919C;
}
and replace class="float-right" with class="ilovethisborder"

[gx280]

ohh and you used big picture and resized it with coding on
[url]http://madriverhospital.com/services/PainClinic.htm[/url]

so please use this picture for crew2 :: [url]http://startgoogle.com/crew2.jpg[/url]

i resized it for you.