Photo Gallery with lightbox2 help

Question

Hey people
Good news i finally got my photo gallery from bc to show in lightbox 2 using .xlm. the only problem im having is how to layout the thumb pictures. if you have a look here http://kookaburracreekretreat2.businesscatalyst.com/the-house.html
You will see some pictures but they going down the screen. How do i make them layout like 4 pictures across then go down?
As well if some one could help with with a auto crop for the thumb pictures that would be great. what i mean by this is some time clients will upload portrait and other time landscape. I want the thumb pictures to be crop to all the same size. at the moment when i do it just squashed the picture.
this is the css at the moment for the thumb picture .
.thumb { width: 50%px; height: 50%; overflow: hidden; }
img.thumb  { width: 150px; height: 150px; crop: rect(0px, 50px, 50px, 50px) ; }
Any help would be great
Thank you

Answer 1

Looking at it from the box model, your containing div needs to be 4 elements wide. You then float all the elements left, which will stack them into a single row of 4 elements and the 5th element will not be able to fit because of the with and it will go into the next row. Kind of how BC stacks products inside the small product layout. They're all floated left and stacked to each other from the right.
-m