Product List - Spacing issue

[kobra]

hansi,

Post your url

[hansi]

Hi Kobra,

Thanks for responding to my query. I am testing the code on a local machine so I can post you the stylesheet, a screenshot of the product listing page, (and any php pages you need) instead?

Regards,

Hansi

[kobra]

Transfer it to a hosting account

[hansi]

Hi Kobra,

I have finally managed to transfer it to a hosting account.

Here is the URL:



As you can see there is no horizontal spacing at all between the 4 product images (e.g. Accompanied Visits, Filling-in forms, etc.).

I tried different combinations for the css code to increase the horizontal spacing. Here is one combination:

.productListing-data {padding: .8em .3em; padding-bottom: 3em;}

Thanks in advance for your informative help,

Hansi

[hansi]

Kobra: I tried now and it works so please ignore my previous message.

thanks,

HAnsi

[Ahroo]

Thanks for the info previously given in this post - just what I've been searching for for the past few days!!

Another question about a similar issue: how do I put a thin line between the various product items to further distinguish where one ends and the next one begins (such as would be done with the <HR> tag in HTML)?

Or, as an alternative, how can I use a different color background for each item (including photo and all text related to the item), as I could do in a table? An example of what I mean can be found at:
http://www.casadobosque.pt/index.php...53e9c98bcfc8f1

Thank you in advance!

Laura

[kobra]

Ahroo,

And your url to this page is?? Not an example but your site

[Ahroo]

My site is http://www.createdbygayle.com/zencart

Thanks.

[kobra]

Try adding this to your stylesheet and adjust to suit:

.productListing-data {
        padding-top: 3.5em;
        border-bottom: 2px solid #000000;
        }

.productListing-odd, .upcomingProducts-odd, .productFeatured-odd {
        background: #9a9a9a;
        }

.productListing-even, .upcomingProducts-even, .productFeatured-even, .productsNotifications {
        background: #FFFFFF;
        }

[gjh42]

Both of these questions are answered in the Adding space in between items thread.

Ninja'd! That's what I get for having several threads open and answering in order! :)