Setting up two forms side by side..

[wmguk]

Hey,

 

I have a shopping cart and I'm looking for a way to display two buttons side by side...

 

[More Details] [Add To Basket]

 

The more details link, is just an href and the add to basket is a form submitting data...

 

I have this code currently

<div class="productdisplay default_product_display product_view_64 all-categories">      
			<div class="textcol">

										<div class="imagecol">
														<a href="http://XXXXXX.co.uk/demo/wp-content/uploads/wpsc/product_images/21003100.jpg" class="thickbox preview_link" rel="ALICE_AND_THE_WHITE_HARE">
								<img src="http://XXXXXX.co.uk/demo/wp-content/uploads/wpsc/product_images/thumbnails/21003100.jpg" title="ALICE AND THE WHITE HARE" alt="ALICE AND THE WHITE HARE" id="product_image_64" class="product_image">
							</a>
												</div>

				<div class="producttext">
					<div class="prodtitles">
							<a href="http://XXXXX.co.uk/demo/?page_id=36&category=5&product_id=64" class="wpsc_product_title">ALICE AND THE WHITE HARE</a>
					</div>
                        
				<form id="product_64" name="product_64" method="post" action="" enctype="multipart/form-data" class="product_form">

													<div class="custom_meta">
														</div>



													<div class="wpsc_variation_forms">
														</div>

					<!-- THIS IS THE QUANTITY OPTION MUST BE ENABLED FROM ADMIN SETTINGS -->

						<p class="wpsc_extras_forms">
						</p><div class="wpsc_product_price">
																									<span class="pricedisplay" id="product_price_64">£39.99</span>Price:  <br>

														</div>

						<input type="hidden" name="wpsc_ajax_action" value="add_to_cart">
						<input type="hidden" name="product_id" value="64">

						<!-- END OF QUANTITY OPTION -->
																							<div class="wpsc_buy_button_container">
																				<span class="art-button-wrapper"><span class="l"> </span><span class="r"> </span><input type="submit" id="product_64_submit_button" class="art-button" name="Buy" value="Add To Basket"></span>
																				<div class="wpsc_loading_animation">
										<img class="loadingimage" src="http://XXXXX.co.uk/demo/wp-content/plugins/wp-e-commerce/images/indicator.gif" alt="Loading" title="Loading">
										Updating cart...										</div>
								</div>
																				</form>
                <form action="http://XXXXXX.co.uk/demo/?page_id=36&category=5&product_id=64" method="post">
                <span class="art-button-wrapper "><span class="l"> </span><span class="r"> </span><input type="submit" id="product_64_submit_button" class="art-button" name="Details" value="More Details"></span></form>


																</div>
		</div>
	</div>

 

However they come out first form above the second form, and I need the actual buttons to be side by side.... The more details has to be a button because of the style sheet info... but how can I get them side by side?

[sunfighter]

I made the IDs different for the two.

 

<form id="product_64" method="post" action="" enctype="multipart/form-data" class="product_form">
<div class="wpsc_buy_button_container">
	<input type="button" id="product_64_detail_button" class="art-button" value="More Details" onclick="javasript:alert('Give me some details');"/>
	<input type="submit" id="product_64_basket_button" class="art-button" value="Add To Basket" />
</div>
</form>