I'd like to know how I can create a flow of 2-row elements
that is resized by the browser window.
I.e., I want to bind elements together (in a div, or table, or something)
and then treat the combined element as a single character that will flow
with automatic line breaks.
I have a photo album page that has basically a single stream
of <a href="photo.jpg" target="photo"><img src="thumb.jpg" title="xx"></a>
This works nicely; I can place the photo window on the monitor and
resize the index window beside it, or underneath, and scroll it only
in the vertical direction. Automatic line break puts however many thumbnails
on the line as will fit and no more.
Now I want to put a (possibly multi-line) title underneath each image,
but keep the automatic line break. If I put this in individual tables,
I get forced line breaks. If I put them in table elements, I don't
get any line breaks at all, just one long line.
I don't want to use a fixed table width, as that is making assumptions
about the window size, and I'd rather do something simple
in HTML or CSS than a complicated script.
Is it even possible ?
(if you have an answer, email is good...but I'll check the list..)
--
Andrew Daviel