Product images - number per row in grid layout

[Ryk]

I'm not really sure whether this is a css or a coding problem...

Using the Grid/Columns Layout for displaying product listing, I've set it to 3 per row. I've also used css to apply a drop shadow to the images. All works well, unless there are only 2 products to display and then I get a very broken layout...

How it should look

With only 2 products in a category

Any ideas on how to fix this please (apart from fixing $col_width in modules/product_listing.php to always generate 3 columns - I'd like to retain the flexibility of centering whatever is in the row)?

[barco57]

wow so many stylesheets so little time......

Well The drop shadow appears to stay attached to the right side of the div, so when the div expands.......
Might adding another div wrapping the image...that stays a fixed width.....

instead of:

<div1>
      <img>
</div1>

Maybe:

<div1>
    <div2>
          <img>
    </div2>
</div1>

with this div1 can expand or contract without affecting div2 which is set @ a fixed width to accomodate the image

Am I even close with this thought or should I dive back into the books some more?

[Ryk]

wow so many stylesheets so little time......

I'm in transition - I was trying out an idea someone else was working on, but I found it too time consuming when trying to locate things, so I'm gradually converting the "included" stylesheets back to a single file (more or less). However, I still need the others there until I've got it whittled down to what I really need.

The main one is presently named stylesheet_rick

I tried your method first, but changed it after having had problems...which on reflection could well have been unrelated! I'll take another look at your way. Thanks.

[barco57]

I have played with the css dropshadow before (not with zc) and it always had the double divs. Thats the way I've seen it with straight html pages. I just haven't taken the time to determine where to insert the extra div and class in the zc templates.