Posted by Els on 07/11/06 17:52

Klaus Cammin wrote:

> Following problem: I have a webpage with many little images, (see
> http://www.klaca.de switch to English, then 'Compacted View').

Why don't you just say http://home.pages.at/klaca/engstart.htm and
then to click 'compacted view', or even better:
http://home.pages.at/klaca/ENGFLGS.HTM

Saves us the time to find it, especially since you forgot to mention
the "click here to proceed" link first, as I spent at least 10 seconds
not finding a 'compacted view' link...

> These are implemented simply as sequence of <A HREF=..><IMG SRC=...></A> and
> show a very desirable behavior: when the window size is altered, the images
> automatically are nicely regrouped to fit into the new size. And that is
> independent from screen size or browser type, AFAIK.
>
> Now in the normal sight of my page the images are somewhat bigger and they
> have a text underline. The line breaking property is lost and furthermore
> because I use Tables (which is IMHO the best way to put the text right
> beneath the image), I'm confined to a fixed column number.

There is no need to make it a table.

> How can I achieve the same line breaking behaviour as with the images alone,
> but now with the subtext added? I.e. image and text should be viewed as unit,
> and the browser should always break them together to the next line.
>
> I tried many things with tables, but until now failed badly.
> Using the text as an image is not an option, because these are often changed.

Feel free to check out my code:
http://locusmeus.com/test/thumbswithcaptionslist.html (uses 2-celled
tables)
http://locusmeus.com/test/thumbswithcaptionslistcentered.html (uses no
tables at all)

Obviously, the second example can be made to be left-aligned instead
of centered as well.

--
Els http://locusmeus.com/

Now playing: Kajagoogoo - Big Apple

[Back to original message]