Forums / Templates, Stylesheets, Page Layout / Vertical Padding on product listing images

Vertical Padding on product listing images

Locked

Views: 1,620

Results 1 to 12 of 12
This thread is locked. New replies are disabled.
23 Feb 2009, 11:22 PM
#1
robbin21973 avatar

robbin21973

Zen Follower

Join Date:
Feb 2009
Posts:
153
Plugin Contributions:
0

Vertical Padding on product listing images

I am trying to organize my product listing pages and the photos are connected vertically which I do not want. I want the same space verically as they have horizontally. I have reviewed many many posts and either I cannot find this specific problem or the things suggested do not work. Here is my link:

http://www.polishpotterystore.com/shopping/index.php?main_page=index&cPath=1_5

24 Feb 2009, 12:00 AM
#2
s_t_e_v_e avatar

s_t_e_v_e

Zen Follower

Join Date:
Aug 2006
Location:
UK
Posts:
430
Plugin Contributions:
0

Re: Vertical Padding on product listing images

This kinda works. Put it at the bottom of your stylesheet.

table.tabTable th,table.tabTable td {margin:16px 0;padding:0;}

Steve

24 Feb 2009, 12:06 AM
#3
robbin21973 avatar

robbin21973

Zen Follower

Join Date:
Feb 2009
Posts:
153
Plugin Contributions:
0

Re: Vertical Padding on product listing images

lol, kinda? It didn't work for me anyway.

24 Feb 2009, 12:11 AM
#4
tony_sar avatar

tony_sar

Totally Zenned

Join Date:
Jul 2006
Location:
Montreal, Canada
Posts:
2,276
Plugin Contributions:
0

Re: Vertical Padding on product listing images

if you change margin:16px to 14px , you should have same space ??

24 Feb 2009, 12:15 AM
#5
s_t_e_v_e avatar

s_t_e_v_e

Zen Follower

Join Date:
Aug 2006
Location:
UK
Posts:
430
Plugin Contributions:
0

Re: Vertical Padding on product listing images

kinda...well... Looked tidy for me (firefox)

hmmmmmf... did you put it at the bottom of your stylesheet.css??

Steve

24 Feb 2009, 12:18 AM
#6
robbin21973 avatar

robbin21973

Zen Follower

Join Date:
Feb 2009
Posts:
153
Plugin Contributions:
0

Re: Vertical Padding on product listing images

Yep, right at the bottom. Isn't there somewhere that controls how much space is between them horizontally? Wouldn't you also use that same area to define a vertical space?

24 Feb 2009, 12:20 AM
#7
s_t_e_v_e avatar

s_t_e_v_e

Zen Follower

Join Date:
Aug 2006
Location:
UK
Posts:
430
Plugin Contributions:
0

Re: Vertical Padding on product listing images

Did you remove it? Cos I don't see it in your stylesheet?

Steve

24 Feb 2009, 12:22 AM
#8
s_t_e_v_e avatar

s_t_e_v_e

Zen Follower

Join Date:
Aug 2006
Location:
UK
Posts:
430
Plugin Contributions:
0

Re: Vertical Padding on product listing images

Ohhh and 14px does look even better! Thanks to tony...

Steve

24 Feb 2009, 2:01 AM
#9
robbin21973 avatar

robbin21973

Zen Follower

Join Date:
Feb 2009
Posts:
153
Plugin Contributions:
0

Re: Vertical Padding on product listing images

I put it back in there so you could see, it doesnt do anything. This is the product listing page I am talking about

24 Feb 2009, 3:00 AM
#10
s_t_e_v_e avatar

s_t_e_v_e

Zen Follower

Join Date:
Aug 2006
Location:
UK
Posts:
430
Plugin Contributions:
0

Re: Vertical Padding on product listing images

ok ok - it does... and it doesnt....

Firefox it works.... IE7 it doesnt.... surprise surprise.

Try this instead;
.listingProductImage {margin:14px 0;padding:0;}

Works in both firefox and IE (ish)

Steve

25 Feb 2009, 1:50 AM
#12
robbin21973 avatar

robbin21973

Zen Follower

Join Date:
Feb 2009
Posts:
153
Plugin Contributions:
0

Re: Vertical Padding on product listing images

You rock, that did the trick. Thank you! one more issue I an mark off....