Formatting pictures to look sunken

Ferg

Ferg

Manbearpig
I have recently taken over web-maintenance of a website and all the pictures that have been used have a 1pixel border all the way round each pic, the top and left hand sides have a black border while the right and bottom border is white, this gives the picture a nicely sunken look when actaully on a site.

I have Fireworks/CS3/PSP and can not find any 'easy' method to format pictures in this way so am having to do each one manually, am I missing something ... is there a 'Make a picture look good with a decent border' button I'm blind too?

(I know that the designer before me used fireworks so am sure there must be something in that)

Would greatly appretiate anyone enlightening me ;)
 
You can use CSS to style an images border without actually editing the picture.

Code: 
.sunken_border {
border-style: solid;
border-width: 1px;
border-top: #000000;
border-right: #FFFFFF;
border-bottom: #FFFFFF;
border-left: #000000;
}
Then just use:
Code: 
<img src="image.jpg" alt="An image" class="sunken_border" />
To put that border on an image :)
 
I like it! and will do that from now on. Thanks matt

But all the pictures are definatley pre-edited, it'll bug me if I never find out how he did it :D
 
with CSS you will have an advantage because if you change the site design you won't have to edit the pictures again to fit in with the new design.

I think in Photoshop you will probably have to create an "Action" to automate the process, if that's what you mean.
 
You must log in or register to reply here.
Back
Top