Irregularly Aligned Images

[Biomech]

Good morning,

I'm hoping that someone can help me. I'm trying to find a method of displaying thumbnailed pictures of various sizes in an aesthetically pleasing way. Currently, most people stuff all of the images into table cells or use basic css. However, this causes the images to align by either the top or bottom and generally looks repulsive.

Is it possible to use CSS to display the images so that they fall next to each other without any obvious display of left/right/top/bottom alignment? (Example attached)

Failing this, I guess I'll going to have to make the thumbnails "sample" the larger image.

TIA

[ryanbutler]

I still think tables are the best choice in this example and the whole concept of images pushing to the top or bottom is easily fixed by adding vertical-align of top to those cells. Furthermore, if you make sure each image are taken and resized the same way (your aren't), you should be able to achieve a clean and pleasing look.

Right now, no matter what approach you take, the gallery you present isn't going to look sharp and clean.