Column Layout Grid for Product Listing

[rbarbour]

I seem to be at a loss here. I want put a border or divider around each product listing to separate them. you can take a look here, it just looks cluttered.

Any suggestions?
Thanks, Ray

[gjh42]

Unfortunately, the product contents are not all the same height. This makes it difficult to get a neat appearance to boxes. You can get borders between the products with this

.centerBoxContentsProducts {border-top: 1px dotted red; border-left: 1px dotted red;}
br+.centerBoxContentsProducts {border-left: none;}

but it cannot account for variable heights.

You may want to try the Tabbed Products Pro mod.

[schoolboy]

I calculate the height of the largest possible box, then give the style ID a height declaration.

height: 185px;

This makes the boxes the same size, even though the contents may vary in position.

[rbarbour]

Thanks, I will try all three and go from there...

[gjh42]

If the range was limited to one or two lines' difference, I would recommend the fixed height. With a description ranging from a word to a paragraph, that would make some whole rows rather empty. But whatever satisfies...

[rbarbour]

I used gjh42's modification and i also used schoolboy's height declaration at 250px. I am pleased with results.

Please take a look, any suggestions or even constructive criticism is welcome, I am new to zen-cart not knowing anything more than basic HTML and you guys & gals in the forums have been great.

Thanks,
Ray