How do I add Dotted line/ space in between product listing

[issam]

hello,
i tried what you said, but its not working fro me,
can yo give me more details on how to get the doted line between product listing.
i am usin zen cart 1.38 with the default theam

Thanks

[gjh42]

The .productListing-data selectors the op is using work, although in that case the dotted line messes up at the joint between elements.

Unfortunately, it is apparently not possible to give padding or border properties to table row <tr> elements.

The double dotted line is not a standard CSS border-style, so you will need to create your own if you want that. Make an image gif of the double dotted line with transparent background, say 100px wide x 5 px high, save it as /includes/templates/your_template/images/dbldotted.gif, and use that as the background for your products.

.productListing-odd, .productListing-even {
    background: url(../images/dbldotted.gif) bottom center repeat-x;
    }

[issam]

thanks, i will try that