Want to have options on the same line (size and color)

[JHouse]

Hi there,

Could you please help me with these two issues:

1. I want to put the Color and Size option on the same line. Currently it looks like this:

http://www.landofakes.com/dethray-tshirt-p-48.html

and I want it to layout like this:

http://www.landofakes.com/images/LF_Add_to_Cart.jpg

2. It would be great to get the Qty box and the "Add to Cart" image to line up properly (the Add to Cart image is too high up and thus isn't flush with the Qty field). Ideally, I want it to layout like the link just above.

Any ideas?

Much thanks!!!

[gjh42]

In your stylesheet, find

.wrapperAttribsOptions {
	margin: 0.3em 0em;
	}

and add to get

.wrapperAttribsOptions {
	margin: 0.3em 0em;
	float: left;
	}

#cartAdd input+input+input {
    position: relative;
    bottom: -0.5em;
    }

[autoace]

Thanks Glenn, worked great for me!

Do you know how to increase the height of the Qty box?

[gjh42]

That one I don't know offhand. You could probably find out as fast as me.

[JHouse]

Yes, thank you Glenn, that worked for me too. Awesome!!!

It looked perfect in Chrome, but not in IE 7, so I messed with this part:

bottom: -0.5em;

and changed it to:

bottom: -3px;

Now it looks tight in IE7, but not Chrome. Any thoughts?

PS - I tried using em sizes first, but then went with px.

Thanks again for your help.

[gjh42]

It might just be a case where browsers handle things differently, and you need a browser-specific stylesheet to handle it for IE.