line up add to cart box and button

[jewelsnpearls]

In the template I use, the CartAdd contains the Add to Cart form field, the Add to Cart button and the AddThisButton (FB twitter etc).

I want to line up these 3 to one line, but whatever I do, the add to cart form field stays on top of the other two.

I cannot find where the layout of the box is controlled...

[lat9]

A link to your site will help people help you ...

[jewelsnpearls]

Sorry, my site is not live yet. we've been hacked lately, so I'm working offline on this. And currently zen-cart.com is being blocked by my local Chinese provider again, so I'm working through a proxy, which doesn't allow me to upload a picture here

But the thing is: it is the same everywhere you look:
Either with or without frame:
----------------------------------
| Add to Cart: [1 ] |
| [Add to cart] (button) |
| [AddThis FB Twitter etc] |
---------------------------------

What I want is:
-----------------------------------------------------
| [1 ] [Add to cart] [AddThis Fb Twitter etc] |
-----------------------------------------------------
^box ^button ^button

I know how to get rid of the text in front of the button, I used the developers tool kit to locate the proper language PHP file, copied that to a template specific folder and edited it.

I also got the last two in one line. ([Add to cart][AddThis...] but cannot get the box in the same line.

[lat9]

You can try adding the following to the bottom of /includes/templates/YOURTEMPLATE/css/stylesheet.css:

#cartAdd br { display: none; }
#cartAdd input { float: left; }

That instructs the browser to not display the <br /> in the cartAdd box and to float all inputs (the quantity and add_to_cart button) to the left.

Without seeing your site, I can't help with the addThis button, but the solution would be similar (i.e. using float: left; in the CSS to float that element to line up with the add_to_cart button).

[jewelsnpearls]

Yeah! great! it works perfectly. Thanks a lot!

[lat9]

Glad I could help!