3-across is slanted

[melissamiller8]

V.1.5.0

I installed a module to allow my products to display in columns, not rows, and entered a "3" in "items per row". But look what happens, if you click on "pendants", the row slants down, is not uniform. Any ideas?

http://www.carolsilrum.com/catalog/i...=index&cPath=1

[rstevenson]

I'm not seeing that effect. The three products on that page are properly aligned. Try emptying your browser cache.

Rob

[melissamiller8]

I don't understand it, I've tried in different browsers and emptied my cache, and the still appear un-aligned. The first pendent is just slightly higher than the second, second slightly higher than the third. The tops of the images, you say they look aligned?

[nigelt74]

V.1.5.0

I installed a module to allow my products to display in columns, not rows, and entered a "3" in "items per row". But look what happens, if you click on "pendants", the row slants down, is not uniform. Any ideas?

http://www.carolsilrum.com/catalog/i...=index&cPath=1

I am using opera on Vista and I see the sloping you mention

The left hand image is about 5px higher than the middle image, which itself is about 5px highre thean the right image

So yes the images slope down o the right hand side of the page

[nigelt74]

I assume its being caused by everything aligning at the bottom, did the mod you installed come with a stylesheet?

[melissamiller8]

Not that I can see, here is the module I installed:


http://www.zen-cart.com/index.php?ma...products_id=77

[melissamiller8]

I'm not seeing anything that I would feel comfortable changing. IN fact, it's not actually working all that well for me, my "list all" items are still in rows, even though I've set it to 3 columns per row. I wonder if I should look for a different module. My client is a perfectionist.

[gilby]

I assume its being caused by everything aligning at the bottom, did the mod you installed come with a stylesheet?

Well actually it slopes UP from the bottom as well!!

There are less lines of text as you move right..

Each is being centered VERTICALLY in the space allowed

possibly by something like
vertical-align: middle;

[stevesh]

Start by finding this in your stylesheet and removing the red part:

.centeredContent, TH, #cartEmptyText, #cartBoxGVButton, #cartBoxEmpty, #cartBoxVoucherBalance, #navCatTabsWrapper, #navEZPageNextPrev, #bannerOne, #bannerTwo, #bannerThree, #bannerFour, #bannerFive, #bannerSix, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP, .center, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, .cartTotalsDisplay, #cartBoxGVBalance, .leftBoxHeading, .centerBoxHeading,.rightBoxHeading, .productListing-data {padding: 10px 10px 0 0;] , .accountQuantityDisplay, .ratingRow, LABEL#textAreaReviews, #productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .gvBal, .attribImg {
text-align: center;
}

[melissamiller8]

Wow ok SUCCESS after taking out the padding! They are awfully close together now, but I guess that we will have to live with that?