Help with thumbnail layout oddity?

Skellington

This is probably more a CSS issue than a zenphoto one, but if anyone can help me out I'd be very grateful.

I've been making my own theme for my freelancing art'n'design website. The arrangement of thumbnails is really confusing me.


Here's the best (worst?) example

The zenphoto settings are:
images per page: 15
thumb size: 100
crop thumbnails: off

Here's the css

as well as being oddly presented (row of 5, row of one, row of five), I'm seeing more thumbnails than I asked for in the settings.

Any ideas what's going on here?

olihar

try this change, you will get the problem when you give it a try.

`
.imagethumb a, .imagethumb a:hover {
display: block;
padding: 9px;
margin: 0px 15px 15px 0px;
line-height: 0px;
border: 1px solid #444;
background-color: #333;
width: 120px;
height: 120px;
text-align: center;
}
`
just add `width` and `text-align` ok to add `height` as well.

Skellington

Olihar -

setting a fixed width for the link/box around the thumb works fine in the album I linked to, where all the sketches happen to be close to square. In other albums either the width or the height of some thumbnails exceeds the dimensions of the fixed-width box. I suppose this would work fine if the "Crop thumbnail width/height" setting was working, but it's not doing anything. Looks like that's the error I'll have to track down first. Thanks!

olihar

what if you set the fixed height and width to the longer side of the dimension you have assigned in ZenPhoto?

Skellington

So, setting the "crop thumbnail width" to be the same as the fixed width? I tried it (with height as well), but all my thumbnails remained the same sizes they were before. The surrounding boxes changed, but the "crop thumb width" setting didn't seem to do anything at all.

Currently the thumbnails are 100px on their shorter sides, as I specified in zenphoto. I'd love it if the really long ones were less then that (some are at least 200px in their longer dimension).