Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Additional images display side by side

Additional images display side by side

Locked

Views: 3,065

Results 1 to 3 of 3
This thread is locked. New replies are disabled.
5 Feb 2007, 3:57 AM
#1
motech avatar

motech

New Zenner

Join Date:
Oct 2005
Location:
Swansea, MA
Posts:
29
Plugin Contributions:
0

Additional images display side by side

Hello!

I am trying to get my additional product images to display side by side.

If I have 2 additional images they appear in the display as stacked. (Column)
If I have 4 additional, they appear 3 on first row and then the 4th on its own row.

I know I have seen something regarding this somewhere but I can't seem to find it again.

Thanks so much.

My goal? To be Totally Zenned!

5 Feb 2007, 9:21 AM
#2
shackle avatar

shackle

Zen Follower

Join Date:
Apr 2006
Posts:
228
Plugin Contributions:
0

Re: Additional images display side by side

Ok first you might wanna get Firefox with the web developer addon. Then you can edit your CSS file in real time.

#productAdditionalImages {
       float: left;
      [b] margin-top: -140px;[/b]
       [b]width: 150px;[/b]
       border: 4px outset #666666; 
       }

Thats a example of how I did it you will have to mess with the width/ margin values to get it how you like it.

Works for me in IE and firefox.

10 Feb 2007, 2:18 AM
#3
motech avatar

motech

New Zenner

Join Date:
Oct 2005
Location:
Swansea, MA
Posts:
29
Plugin Contributions:
0

Re: Additional images display side by side

Thank you thank you!!

Sorry I haven't been around to respond. That worked!

I love the Firefox extension!

My goal? To be Totally Zenned!