You didn't do what I said in the stylesheet. adding a margin all around the button is not going to do anything useful. You need to push or pull it down:Code:#cartAddButton { position: relative; margin: 0.1em; bottom: -0.5em; }
You didn't do what I said in the stylesheet. adding a margin all around the button is not going to do anything useful. You need to push or pull it down:Code:#cartAddButton { position: relative; margin: 0.1em; bottom: -0.5em; }
Sorry I did initially put in the CSS
position: relative;
top: 1em;
But since that didn't seem to align the button and box I fiddled around, obviously I don't really know what I am doing so I kept making changes and saving the css file to see what effect it was having, I have been banging my head against the wall with this for about 4 hours :-/.
@gjh42 I just want to say a big thank you for the code, it worked a treat! You're a star!!![]()
Sorry to be a complete pain again, I just realised something has changed on the same page. The qty text has now moved over to the right so it is now after the qty box and the add to cart button, any ideas on what I have done here? http://www.lovetolust.com/store/inde...roducts_id=181
I just can't see what it is I might have done wrong![]()
Anybody help please?![]()
You have put a global float: left; which will probably affect many locations in your site:
stylesheet.css (line 97)Eliminate that; if there is someplace where you need it, add a specific rule that will not mess up elements throughout the site.Code:FORM, SELECT, INPUT { display: inline; float: left; font-size: 1em; margin: 0.1em; }
Once again, thank you, that did the trick :-)