Advice on Image and Text Placement for Gallery

Hi everyone,

I'm working on my first client page and I'm trying to figure out how best to position some images and text.

It's for a landscaping and construction company and I want a portal page where users can choose what type of work they want to see (i.e. fences, landscaping, decks, etc.)

How should I arrange it? I tried here: http://www.allisonwrote.com/aussie/examples.html

...but I'm having problems with the text. How do I get it to center over each image, when the text is of various lengths?

Also, does anyone have any advice about the most user-friendly types of galleries? Should I try lightbox or just use oldschool CSS and html links (where a user clicks on a thumbnail to see a full-size image)? Or something else?

Thanks.

x
allison

this is one way:

<div class="ic">
<div class="il">
<div class="it">image title</div>
<a href="....">
<img src="..." alt="image title"/>
</a>
</div>
<div class="ir">
<div class="it">image title</div>
<a href="....">
<img src="..." alt="image title"/>
</a>
</div>
....
<div class="cc"/>
</div>



.ic { width: ... }
.il { float: left; text-align: center; }
.ir { float: left; text-align: center; }
.it { ... }
.cc { clear: both; }


probably you can make it more simple and adjusted to your need.

regards

I've found this to be really helpful for arranging and centering words with images:
http://mikecherim.com/experiments/css_list_boxes.php

Personally I'm fond of lightbox