Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Attributes moving on some pages with image

Attributes moving on some pages with image

Locked

Views: 1,013

Results 1 to 2 of 2
This thread is locked. New replies are disabled.
23 Jul 2007, 9:51 PM
#1
shawnz28 avatar

shawnz28

New Zenner

Join Date:
Apr 2005
Posts:
75
Plugin Contributions:
0

Attributes moving on some pages with image

I am guessing this is my stylesheet causing this maybe but could very well be my manuvering of the tpl_product_info_display.php page.

All of my products with attributes have displayed fine till now. Products I am adding currently have two drop down and one radio. when the image is not present it displays fine
http://saltycritter.com/store/index.php?main_page=product_info&cPath=21_43_114&products_id=366
But once I add an image it moves the two dropdowns apart and leaves a gap.
http://saltycritter.com/store/index.php?main_page=product_info&cPath=21_43_114&products_id=365

Products with more attributes and a shorter image display fine
http://saltycritter.com/store/index.php?main_page=product_info&cPath=21_43_124_125&products_id=234
But once a taller image is put in the gap between the first and second attribute grows
http://saltycritter.com/store/index.php?main_page=product_info&cPath=21_43_124_125&products_id=236

Thanks as always for any help
Shawn

23 Jul 2007, 10:59 PM
#2
shawnz28 avatar

shawnz28

New Zenner

Join Date:
Apr 2005
Posts:
75
Plugin Contributions:
0

Re: Attributes moving on some pages with image

I think I fixed it... maybe not be the "right" way to do it as I got it by experimentation but it seems to work

I changed

#productAttributes, #productName, #productPrices {
padding-left: 160px;
}

to become this ............

#productName, #productPrices {
padding-left: 10px;
}

#productAttributes {
padding-left: 10px;
float: left;
}