Forums / Setting Up Categories, Products, Attributes / separator for Image product in product listing

separator for Image product in product listing

Locked

Started by taguchi_isara on 27 Nov 2007, 3:45 AM · Views: 1,042

Results 1 to 2 of 2
This thread is locked. New replies are disabled.
27 Nov 2007, 3:45 AM
#1
taguchi_isara avatar

taguchi_isara

New Zenner

Join Date:
Nov 2007
Location:
Jakarta, Indonesia
Posts:
38
Plugin Contributions:
0

separator for Image product in product listing

Hi,i'm still develop my web, and i got problem to make one images to another not too close in product listing. you can see at : http://indonesia.fm/niagamaya/index.php?main_page=index&cPath=2

There's anyone could help me to make this images not too close each other..??:cry:

and thank you for the answer :smile

**** EDITED *** Never ever post in a forum, email, newsletter etc. the zenid or zenAdminID or you will be doomed!!** :eek:

27 Nov 2007, 4:57 AM
#2
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,874
Plugin Contributions:
8

Re: separator for Image product in product listing

Not only are your images touching top to bottom, but elements are too close side to side, making some words hard to read.

Add this to your stylesheet and adjust to taste:```
/* space & border between listing items */
.productListing-odd td, .productListing-even td {
/text-align: left;/
/vertical-align: top;/
padding: 0.5em 0.2em;
margin-bottom: 1em;
border-bottom: 3px double #aaccbb;
}

Your images are so large that they crowd the page badly. If you have a really long word in a title, it will force the content to spill off the edge. Make your images a bit smaller - they will still be easy to see.