Photographs (Click on any image to see enlargement)

The immediate advantage I see in this type of layout over a table layout is that the pics wrap to fit variations of browser sizes, no guesses needed as to how many to put per row (phew!)

But other things are trickier and require guesswork, about margins, padding, borders, widths, heights to take account of captions under varing conditions. I plump here for an em width for the floating divs that easily holds the captions but keep the pics spaced even at resonably small font sizes.. There may be better strategies.

A version of this without borders

There is another strategy that seems a little more "meaningful": namely the pics as a list, inline displayed. See the show listed without captions. This is the very simplest to code for and looks natural and easy to understand in the HTML in my opinion

A lttle more complicated under this list strategy is the following one, with captions. See the show listed with captions.

thumbnail link
Caption
thumbnail link
Some caption
thumbnail link
Caption
thumbnail link
Caption
thumbnail link
Caption of this
thumbnail link
This is something
thumbnail link
Caption maybe this
thumbnail link
Or Caption this
thumbnail link
Caption
thumbnail link
Caption
thumbnail link
Caption
thumbnail link
Caption
thumbnail link
Caption
thumbnail link
Caption here
thumbnail link
Longer caption
thumbnail link
Caption here
thumbnail link
Yoga
thumbnail link
Staff
thumbnail link
caption
thumbnail link
Sport
thumbnail link
caption
thumbnail link
Caption
thumbnail link
Caption
thumbnail link
caption
thumbnail link
caption
thumbnail link
caption