autoace - Looking at your site, one way to arrange the buttons as you describe is to add wrappers for the groups:Delete the two <br> as they don't do anything useful.Code:<div id="cartHeader"> <h3>Shopping Cart</h3> <div id="cartCountWrapper"> <div id="cartCount"> 0 item(s) in cart</div> <div id="cartTotal">Subtotal: $0.00</div> </div> <div id="viewCartWrapper"> <div id="viewCart"><a href="https://www.automotiveace.com/index.php?main_page=shopping_cart"><img width="119" height="26" title=" Checkout " alt="Checkout" src="includes/templates/2009AA/buttons/english/button_checkout.gif"></a></div><br><br><!--view cart button--> <div id="checkout"><a href="https://www.automotiveace.com/index.php?main_page=checkout_shipping"><img width="116" height="26" title=" Buy Now " alt="Buy Now" src="includes/templates/2009AA/buttons/english/button_buy_now.gif"></a></div><!--checkout/buy now button--> </div> </div>
Style like this:This could be cleaned up, but will work as shown. There may be some changes not highlighted.Code:/*Shoppingcart/Freeship in Header*/ #headerWrapper {position: relative;} #cartHeader { width: 22em;/*17 30*/ position: absolute; top: 0.1em;/*4.0em*/ right: 2.0em; /*bottom:0.1em;/*added 0.1em*/ background: #d7d7d7;/*cacaca*/ color: #000000; border: 1px solid #999999;/*888888*/ } #cartHeader h3 { display: none;/*added*/ /*text-align: center;*/ /*color: #005599;/*added*/ /*margin:0.1em 0;/*added*/ } #cartCountWrapper { float: left; width: 50%; } #cartCount { /*border-top: 1px solid #999999;*/ text-align: left;/*center*/ padding: 0.5em ;/*added*/ } #cartCount a { /*float: right;*/ width: 20px; } #cartTotal { float: left; padding: 0.5em ;/*added*/ } #cartFreeShip { margin: 0 0.3em; } #cartCheckout { float: right;/*right center*/ /*margin: 0.3em;*/ padding-right: 5px; } #cartButton { display: block; float: right; width: 123px; /*adjust to fit*/ } #viewCartWrapper { float: right; } #viewCart { float: right;/*right center*/ /*margin: 0.3em;*/ padding-right: 5px; } #checkout { float: right;/*right center*/ /*margin: 0.3em;*/ padding-right: 5px; } /*eof Shoppingcart/Freeship Header*/
Bookmarks