I'm developing an online family gallery

I'd like to stay away from tables if possible and use CSS

[GaryK]

Here's the specifics...

The first/index page will be a collection of thumbnails that will lead viewers to galleries of: Immediate Family, Extended Family, Friends, Pets, Colleagues and so on.

For each section of the gallery I want to use a thumbnail photo that's somewhat relevant to the section at hand. Most importantly, I need to include a caption below each thumbnail so viewers know what they're about to click on.

If I used a table it would be easy but since the page width is fluid, as are the fonts, I need a way to place a caption underneath each thumbnail.

I suppose the thumbnail could be modified to include the caption but then the caption's font might not match the font the viewer is using if they don't support CSS or have overridden my suggested styles.

Is this a case where CSS can help me out? Or should I just make the captions part of the thumbnails?

I just had a thought. What if I made a parent DIV that's the width of the page and then used a child DIV for each thumbnail. I know there's a way to make those DIVs appear in-line and wrap when they hit the right edge of the parent DIV, right?

Sorry to ramble... it's Friday night and you know how that goes when you've been sitting here typing all day and haven't slept well for days. :)

Update: I've been told by the client that using graphics to display the text (the caption under each thumbnail) is unacceptable so this has to be a textual solution.

[TheDave]

I use fixed width divs. It works properly in most browsers except early versions of netscape, where the divs are stretched to 100% and so you only get 1 pic per line.

The div:

<div class="gald" style="width: 220px;"></div>

The css:

div.gald { display: inline; margin: 1%; text-align: center; vertical-align: top; }

check out my profile URL gallery to see it in action

[GaryK]

Thanks, Dave. It looks good and works great on your site. That's exactly what I want to do with my site. Unfortunately the same code does not work on my site. That leads me to believe I have a parent-related bug in my stylesheet somewhere even though it does validate.