How to move the QTY box inlne with two attributes?

[JasGot]

I want to move the QTY box from the add to cart area to a new location.

I don't want to simply move it up or down, I want to place it specifically between two dropdown attributes that reside inline on the same line.

Not sure where to start or even what info you might need to assist me,

Thanks.

J.

Zen Cart 1.3.8a
Database Patch Level: 1.3.8

[haredo]

Ja,
click on the Tutorials/FAQ at the top of this page and search for Move Add to Cart

[JasGot]

Ja,
click on the Tutorials/FAQ at the top of this page and search for Move Add to Cart

I did that. That's why I mentioned I don't want to simply move it up or down on the page.

To integrate it in between two attributes is not going to be easy. We tried using positioning in CSS, but it displays different in (nearly) every browser.

[gjh42]

A link to see your site would make it more likely that we could give good advice for you.

Positioning it in the code is going to be a really tough job.

[JasGot]

A link to see your site would make it more likely that we could give good advice for you.

Positioning it in the code is going to be a really tough job.

Oh thanks! I would really appreciate that.

Here's the link:
http://sawickiandson.com/store/index...&products_id=1

Notice how the Qty[50] box is in the red text on IE? We'll it is perfect in Chrome

Here is the CSS we use to move that box around:

#cartAdd {
float: right;
text-align: center;
margin: 1em;
// border: 1px solid #000000;
padding: 1em;
}

#cartAdd.box-1 {
float: left;
font-weight: bold;
position: relative;
left: 140px;
bottom: 693px;
}

[gjh42]

#productGeneral {position: relative;}

#cartAdd.box-1 {
    position: absolute;
    top: 331px;
    left: 154px;
    }

#cartAdd.box-1 input {
    position: relative;
    top: 6px;
    }

Positioning relative to an element dozens of lines down the page from the desired location is risky. Absolute positioning from the top of the container leaves less room for browser rendering differences to creep in.

On another subject, I see you have something that names and positions attributes individually. It's not Flexible Attributes; what is it and where did it come from? Just curious.

[JasGot]

#productGeneral {position: relative;}

#cartAdd.box-1 {
    position: absolute;
    top: 331px;
    left: 154px;
    }

#cartAdd.box-1 input {
    position: relative;
    top: 6px;
    }

Positioning relative to an element dozens of lines down the page from the desired location is risky. Absolute positioning from the top of the container leaves less room for browser rendering differences to creep in.

On another subject, I see you have something that names and positions attributes individually. It's not Flexible Attributes; what is it and where did it come from? Just curious.

I'll dig that up for you. In the mean time, are you saying I should move that ad to cart box up the page to the same line I want it on and then move it left and right into position? If I do that, won't I have the same issue when I try to push the Buy Now button back to the bottom?

[gjh42]

No, I'm saying that just adding that code to the bottom of your stylesheet will make the Qty box position correctly (at least in Firefox; I can't test it in other browsers on your site).

You should ideally replace the positioning code you posted with this, to eliminate extra bloat in the stylesheet.

Note - the box was also in the red text in Firefox - a rare occurrence of FF & IE behaving the same relative to another modern browser:)

[JasGot]

No, I'm saying that just adding that code to the bottom of your stylesheet will make the Qty box position correctly (at least in Firefox; I can't test it in other browsers on your site).

You should ideally replace the positioning code you posted with this, to eliminate extra bloat in the stylesheet.

Note - the box was also in the red text in Firefox - a rare occurrence of FF & IE behaving the same relative to another modern browser:)

That CSS code I posted above? It is in my stylesheet.css, not at the bottom, but it is in there.

[gjh42]

I know; you need to replace the #cartAdd.box-1 rule of that with the rules I posted.