Forum Moderators: not2easy

Message Too Old, No Replies

difficult problem with floating blocks

         

Evgenia

2:47 pm on Sep 3, 2007 (gmt 0)

10+ Year Member



Hello,

I try to do the following design:

There are some quantity of blocks. The quantity is different each time I draw the page.
They all included in one outer block with width in %.

Each block includes:
- one image (always the same, width="40px")
- one string (there are <=15 characters, every character could be different); the length of the line could be more than the width of the image above it

I need:
1. All blocks should be the same width.
and
2. Blocks should occupy all empty place within outer block line by line, i.e. if, for example, 3 blocks are enough to full the first line, the 4d block should be right under 1st, 5th - under 2nd and so on.
By eye blocks should become arranged like in a table.

How can I do that?

Thanks in advance.

Marshall

3:27 pm on Sep 3, 2007 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



Evgenia,

Welcome to WebmasterWorld.

There was a discussion about something similar about a month ago. Do a search of WebmasterWorld for "thumbnail gallery" or "thumbnails" or look in the CSS Forum Library.

Marshall

Evgenia

6:55 am on Sep 4, 2007 (gmt 0)

10+ Year Member



I've done the search, but there is nothing I can use. :(
My problem with texts which can have different length in each block, and simultaneously each block should still be the same width. The image inside can't help.