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

[Dupermall]

http://www.dupermall.com/index.php?m...=index&cPath=2

These items are together I want to add a space between each item SOMETHING like the link Below

http://jordan23jordan.com/shop/nsorthtml.asp?nsort_id=7

Can anyone Help

[misty]

Add space between product listing at
http://www.zen-cart.com/forum/showpo...62&postcount=2

[MeltDown]

You might want to look at the Column Divider Pro add-on. It creates a dotted line between products to dress it up a bit and create a visual separation.

[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