Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / product info Attribute name alignment problem

product info Attribute name alignment problem

Views: 1,589

Results 1 to 5 of 5
29 Sep 2008, 10:47 PM
#1
dscott1966 avatar

dscott1966

Zen Follower

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

product info Attribute name alignment problem

On the right side where the atrributes are, the one i'm concerned with is the one labeled Gold Type, Im trying to get it to line up like the others with the drop down box next to it and not underneth it.

Can be seen here: http://dealz-r-us.com/index.php?main_page=product_info&cPath=5_15_6&products_id=9

Can Someone help me please!!!!

30 Sep 2008, 12:05 AM
#2
gjh42 avatar

gjh42

Black Belt

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

Re: product info Attribute name alignment problem

On my monitor (1024x768) both of them are above their dropdown boxes. That is a function of the width available, and since you have a fluid template at 90%, it will be difficult to control it in all situations.

The best you can probably do is make the parts take the same amount of space, so they will all act the same, horizontal or stacked, in a given window. Add to your stylesheet:```
h4.optionName {width: 7em;}

.wrapperAttribsOptions select {width: 16em;}

30 Sep 2008, 4:09 AM
#3
dscott1966 avatar

dscott1966

Zen Follower

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

Re: product info Attribute name alignment problem

Thank you for your response i will try it and let you know how it worked for me.

30 Sep 2008, 4:49 AM
#4
dscott1966 avatar

dscott1966

Zen Follower

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

Re: product info Attribute name alignment problem

gjh42:

On my monitor (1024x768) both of them are above their dropdown boxes. That is a function of the width available, and since you have a fluid template at 90%, it will be difficult to control it in all situations.

The best you can probably do is make the parts take the same amount of space, so they will all act the same, horizontal or stacked, in a given window. Add to your stylesheet:```
h4.optionName {width: 7em;}

.wrapperAttribsOptions select {width: 16em;}


Thank you that does look a lot better. Once again Thank you for the help!!!!:clap:
17 Apr 2011, 6:08 PM
#5
kbear avatar

kbear

New Zenner

Join Date:
Mar 2011
Location:
In a green and pleasant land
Posts:
46
Plugin Contributions:
0

Re: product info Attribute name alignment problem

gjh42:

On my monitor (1024x768) both of them are above their dropdown boxes. That is a function of the width available, and since you have a fluid template at 90%, it will be difficult to control it in all situations.

The best you can probably do is make the parts take the same amount of space, so they will all act the same, horizontal or stacked, in a given window. Add to your stylesheet:```
h4.optionName {width: 7em;}

.wrapperAttribsOptions select {width: 16em;}

 
 
Thanks so much for this it was driving me mad - and makes the page look so much neater