Posted by Els on 01/10/06 10:36

jacob.miles@gmail.com wrote:

> I found a solution, but please tell me if there's a more standard
> solution than this. My solution is this:
>
> .image {
> float: left;
> }
>
> This makes all the thumbnails stack left to right, all trying to float
> to the left. Is this the way it's done?

Please quote the relevant bits of the message you are replying to, so
everybody can see what you're talking about. (even if you're replying
to your own message :-) )

Floating the images and captions is one way to do the trick, yes.
Another way is to use "inline tables", which enables you to center
them.

Here's an example I made 2 years ago:
http://locusmeus.com/test/thumbswithcaptionscentered.html
The reason I used tables, is that I wanted the thumbnails vertically
centered regardless of their height.

One thing that is important in each method, is the height of the table
or div. If one gets higher than the others because of a longer caption
for instance, the thumbnails won't stack quite so nicely.

--
Els http://locusmeus.com/
Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo -
Now playing: Electric Boys - All lips n' hips

[Back to original message]