Posted by Jukka K. Korpela on 06/18/07 11:24

Scripsit Marnok.com:

> I have a page with multiple small images,

Do we have a URL? There are several approaches (well, I guess just two, but
each with variations) to the problem, like those described at
http://www.cs.tut.fi/~jkorpela/www/captions.html
and the choice depends on the specifics of your page. For example, how long
are the captions? Are the images of the same size?

> My problem is, that I would like a small text beneath each image, but
> I can't figure out how to achieve the same effect. The closest I
> came was putting each image/text pair in a <table align="right">,
> which worked to the extent that one image shuffled when window was
> resized (I think the others remained in place due to other page
> elements)

Rather, you could use <table align="left"> for each pair, unless your page
isn't in Arabic or Hebrew (where it is natural to start reading from the
right). But it's impossible to tell what really went wrong, since you
specified no URL.

An alternative approach is to wrap each image/text pair in a <div> element,
set its width to the same as the image width, and float it in CSS.

--
Jukka K. Korpela ("Yucca")
http://www.cs.tut.fi/~jkorpela/

[Back to original message]