Blog

A neat trick for website photos

Of interest to website design geeks … an easy method of applying borders and drop shadows to images, which I accidentally found in this article.

Instead of having to add borders and shadows to every image using a graphics program (as I did for my WA Snow pages), this method applies similar effects to plain images using CSS and a couple of DIV tags around the image’s HTML code. In other words, laborious and repetitive image editing is replaced with a bit of text.

Russell Falls, TasmaniaIn my example (a Firefox screenshot), the left photo has border and drop-shadow applied using this neat trick, while the other doesn’t. Both use the same source image. Its apparently compatible with most browsers, although Internet Explorer leaves out the white frame.

I’ve applied this effect to my cow photos gallery, and plan to use it on others … such as my new Tasmanian photo gallery which is coming soon.

This entry was posted on Friday, June 2nd, 2006 at 5:18 PM and filed under Websites, My Website. Apologies. Comments and trackbacks are both currently closed.

Comments are closed.