borders for an image

I have a page that basically shows a bunch of images.
Is there anyway -(I guess with css) that I can put a background or a border so that it appears that the images are in a nice frame?
(the images are all the same height but not width)

Does anyone have an example of where this is done?

Thanks..

Could you give us a link so we understand better what you are trying to do?

Thanks!

hmm. I don't have it up yet...
It's just a pictures each 100 pixels wide... 4 on a row.
I just want to put a nice border around them so that it looks good.
(I don't have the border yet)

any suggestions?

You could add a nice border using CSS, this is my preffered method for img decoration, you could have dotted solid , dif thickness, doubled, dif colors even curved or drop shadow with the right style;

try this for starters;

img
{
border:1px dotted black;
margin: 2px;
padding: 2px;
}

I think this is what you meant! :thumbsup:

Hi Anything to do to make it look even nicer then just a dotted border?

Anyway to make a curved border with shading??

it would have to be graphics!

as for css attributes the borders could be;

none
hidden
dotted
dashed
solid
double
groove
ridge
inset
outset

thick/ thin/ medium or any width you like;

the different borders could be different styles / colors to get some nice affects, dont forget an plainish img with loads of padding looks really good :rolleyes:

I tried doing an image as a background but it looked messed up.

Do you know of any pages that has an example of this?

click here (http://www.freewebs.com/dwsystems/)

left pic = css border
mid = drop shadow
right = graphic behind pic
a simple frame around the lot!(this can be decorated as above, ie dotted/outset)

hope this helps you, got view source to view code if u need too.



:thumbsup:

thanks -- i guess I was looking for somethign fancier.

I'll have to play around in photoshop.