Page 1 of 1

[SOLVED]Gallery works, but thumbnails don't wrap properly into rows

Posted: Thu Dec 24, 2009 6:15 pm
by corn4th
Hi,

I have everything else the way I want it, but can't get the thumbs to line up in rows properly. Even when I significantly reduce the size of the thumbs, they still wrap one or two images below the row on the right end, then the next row starts below those. It looks really ugly!! I am wondering if it is related to the fact that my images are not all the same exact size and shape, but I hope not, since this would be nearly impossible for me to do. Since I am using the same template throughout, all of my albums have the same issue. Here are a couple of the worst offenders:

http://www.dmdecos.com/gallery/92/

http://www.dmdecos.com/gallery/glasstile/92/

I hope this makes sense...

Thanks for any help!

Re: Gallery works, but thumbnails don't wrap properly into rows

Posted: Thu Dec 24, 2009 6:21 pm
by Dr.CSS
The first page you linked to gave a lot of error/warnings, and the images lined up fine...

Yes your problem comes from different height thumbs/images so in the css you can figure out your tallest image including the text and add it to the .gallery .img call like height:250px may work...

Re: Gallery works, but thumbnails don't wrap properly into rows

Posted: Thu Dec 24, 2009 6:28 pm
by corn4th
Apologies on the first page, I had deleted a default image from the server and forgot to go choose a new default. Your suggestion worked great, thank you so much!!

Re: [SOLVED]Gallery works, but thumbnails don't wrap properly into rows

Posted: Thu Dec 24, 2009 6:32 pm
by Dr.CSS
Good...

And thank you for adding [solved] to first subject line, something even long time posters forget to do...

Re: [SOLVED]Gallery works, but thumbnails don't wrap properly into rows

Posted: Thu Dec 24, 2009 10:36 pm
by Jos
corn4th wrote: I am wondering if it is related to the fact that my images are not all the same exact size and shape, but I hope not, since this would be nearly impossible for me to do.
Especially for this reason I included the crop function in the resize options.  8)