My problem is that instead of creating a list in regular thumbnails say 3 columns by 4 rows containing 12 thumbnails. I would like to remove certain thumbnails so that row 2 has 2 thumbs (instead of 4) and row 2 has three thumbs but in different columns for a modern irregular staggered look.
I have a faded image background which makes it rather difficult to use an image that is just a colour. Please see demo example: <removed> the black squares are the thumbnails and the top of the image is what I'm getting at the moment, second half is what i would like to see.
I'm sure my question will be clear once you see the image. It would be great if you could help. thanks
[edited by: jatar_k at 3:30 am (utc) on April 9, 2008] [edit reason] no urls thanks [/edit]
Msg#: 3622153 posted 12:40 am on Apr 9, 2008 (gmt 0)
So you want the images distributed in a matrix like fashion but only put them in certain spots and skip over the others ?
I see a number of ways: float your images in there and float a dummy class that's just a given size but displays nothing in there for the empty spots. This will however put layout in your html and as such isn;t the best approach in a purist book.
Or use absolute positioning to put the images exactly where you want them. This has as drawback that the layout will not flow when the browser window is changed, bt I guess it's closer to what you seek..