Any idea how to stop the gaps between images?

At the moment, I'm working on http://test.themerie.com/templates/, which is my new site, but I want to get the images to align up, so there's no orange in the background (which I set, by the way).

Since the images will all be automatic, I'm pretty baffled as to a way to sort it out, which is why I'm bringing it here.

Thanks for the help, guys

I don't understand what you're trying to do.

On the second row, far left, there's about a 24px gap between the screenshots; what I'd like is a way to automatically get rid of those gaps, thus removing my ghastly orange background

If i understand you you have a background under your template's screens and you don`t like orange buckground under the screen which is shorter than others, right ?

Aligning it up would be pretty stupid thing as they will go up and make this 24px under, so on the bottom of the whole mosaic you wil get a maze-wall. Anyway i don`t think there is anything like align-up.

If i wear you i would rather think about giving a fixed size to the screens, give it a border or make background more neutral.

The template's screenshot sizes will be of different widths, yes, and I'll change the orange; it's just there so it stands out.

As to your opinion that it's "stupid", well, that's an opinion, but like I've said, these will be automatically generated, and won't have a fixed size, it kinda ruins the effect the design was after.

Maybe stupid was wrong word, but you know what i mean, you are gona loose straitgh edge on the bottom of mosaic.

I know, but I figured a way to sort that out

No-one knows how to fix it?

I have only one idea, make 3 (atm) blocks when you put your pictures verticaly with 0 margin on top and bottom. Dunno if it`s comfortable but it should work till you get better idea.

The only orange I can see is the orange where there is only one image in the row.

Have you fixed it, then??

Yeah I really dont understand still. This is what I'm seeing still...



All you need to do would be take the first image, make it the same size as the others, then add in 2 more images.