[Plugin: eShop] ID for Checkout fieldsets

You should be able to do that without needing the extra id’s – can I have a link to your site so I can take a look. I may be able to replicate it without needing anything extra added.

I’m developing on a local server so I attach the code from the post body.

What I would like to be able to do is to have the “Shipping Address” floating to the right of the “Maling Address”.

<div class="post_body">
            	<p class="testing"><strong>Test Mode — No money will be collected.</strong></p>
<table class="eshop cart" summary="Shopping cart contents overview">
			<caption>Shopping Cart</caption>
			<thead>
			<tr class="thead">
			<th id="cartItem" class="nb">Item Description</th>
			<th id="cartQty" class="bt"><dfn title="Quantity">Qty</dfn></th>
			<th id="cartTotal" class="btbr">Total</th>
			</tr></thead><tbody>
<tr><td id="prod1" headers="cartItem" class="leftb"><a href="https://localhost/products/artist-song/">Artist - Song (Single, Download) (ccr001 : Download)</a></td>
<td class="cqty lb" headers="cartQty prod1">1</td>
<td headers="cartTotal prod1" class="amts">€1.00</td></tr>
<tr class="stotal"><th id="subtotal" class="leftb">Sub-Total </th><td headers="subtotal cartTotal" class="amts lb" colspan="2">€1.00</td></tr>
</tbody></table>

	<div class="hr"></div>
	<div class="custdetails">
	<p><small class="privacy"><span class="reqd" title="Asterisk">*</span> Denotes Required Field
	(<a href="https://localhost/shop/shipping-rates/">Shipping Rates</a>)</small></p>
	<form action="/shop/shopping-cart/checkout/" method="post" class="eshop eshopform">
	<fieldset><legend id="mainlegend">Please Enter Your Details<br />
	</legend><fieldset><legend>Mailing Address</legend><label for="first_name">First Name <span class="reqd">*</span><br />
	  <input class="med" name="first_name" value="" id="first_name" maxlength="40" size="40" type="text"></label><br />
	 <label for="last_name">Last Name <span class="reqd">*</span><br />
	  <input class="med" name="last_name" value="" id="last_name" maxlength="40" size="40" type="text"></label><br /><label for="company">Company<br />
	  <input class="med" name="company" value="" id="company" size="40" type="text"></label><br /><label for="email">Email <span class="reqd">*</span><br />
	  <input class="med" name="email" value="" id="email" maxlength="40" size="40" type="text"></label><br /><label for="phone">Phone <span class="reqd">*</span><br />
		  <input class="med" name="phone" value="" id="phone" maxlength="30" size="30" type="text"></label><br />
		 <label for="address1">Address <span class="reqd">*</span><br />
		  <input class="med" name="address1" id="address1" value="" maxlength="40" size="40" type="text"></label><br />
		 <label for="address2">Address (continued)<br />
		  <input class="med" name="address2" id="address2" value="" maxlength="40" size="40" type="text"></label><br />
		 <label for="city">City or town <span class="reqd">*</span><br />
		  <input class="med" name="city" value="" id="city" maxlength="40" size="40" type="text"></label><br />
<label for="state">State/County/Province <br />
			  <select class="med pointer" name="state" id="state"><option value="" selected="selected">Please Select</option><option value="">not applicable</option><optgroup label="">
<option value="Aber">Aberdeenshire</option>
<option value="Angl">Anglesey</option>
</optgroup>
</select></label><br />
<label for="altstate">State/County/Province <small>if not listed above</small> <br />
				  <input class="short" name="altstate" value="" id="altstate" size="20" type="text"></label><br />
		 <label for="zip">Zip/Post code <span class="reqd">*</span><br />
		  <input class="short" name="zip" value="" id="zip" maxlength="20" size="20" type="text"></label><br />
		 <label for="country">Country <span class="reqd">*</span><br />
		  <select class="med pointer" name="country" id="country">
		<option value="" selected="selected">Select your Country</option><option value="AL">Albania</option><option value="DZ">Algeria</option></select></label></fieldset>

	<fieldset>
	<legend>Additional information</legend>
	 <label for="reference">Reference or <dfn title="Purchase Order number">PO</dfn><br />
	  <input class="med" name="reference" value="" id="reference" size="30" type="text"></label><br />
	 <label for="eshop-comments">Comments or special instructions<br />
	  <textarea class="textbox" name="comments" id="eshop-comments" cols="60" rows="5"></textarea></label></fieldset><fieldset>
		<legend>Shipping address (if different)</legend>
		 <label for="ship_name">Name<br />
		  <input class="med" name="ship_name" id="ship_name" value="" maxlength="40" size="40" type="text"></label><br />
		 <label for="ship_company">Company<br />
		  <input class="med" name="ship_company" value="" id="ship_company" size="40" type="text"></label><br />
		 <label for="ship_phone">Phone<br />
		  <input class="med" name="ship_phone" value="" id="ship_phone" maxlength="30" size="30" type="text"></label><br />
		 <label for="ship_address">Address<br />
		  <input class="med" name="ship_address" id="ship_address" value="" maxlength="40" size="40" type="text"></label><br />
		 <label for="ship_city">City or town<br />
		  <input class="med" name="ship_city" id="ship_city" value="" maxlength="40" size="40" type="text"></label><br />
<label for="shipstate">State/County/Province<br />
			  <select class="med pointer" name="ship_state" id="shipstate"><option value="" selected="selected">Please Select</option><option value="">not applicable</option><optgroup label="">
<option value="Aber">Aberdeenshire</option>
<option value="Angl">Anglesey</option>
</optgroup>
</select></label><br /><label for="ship_altstate">State/County/Province <small>if not listed above</small> <br />
				 <input class="short" name="ship_altstate" value="" id="ship_altstate" size="20" type="text"></label><br /><label for="ship_postcode">Zip/Post Code<br />
		  <input class="short" name="ship_postcode" id="ship_postcode" value="" maxlength="20" size="20" type="text"></label>
		  <br />
		<label for="shipcountry">Country<br />
		  <select class="med pointer" name="ship_country" id="shipcountry">
		<option value="" selected="selected">Select your Country</option><option value="AL">Albania</option><option value="DZ">Algeria</option></select></label><input name="amount" value="1.00" type="hidden">
  <input name="item_name_1" value="Artist - Song (Single, Download)" type="hidden">
  <input name="eshopident_1" value="ccr001Option169" type="hidden">
  <input name="quantity_1" value="1" type="hidden">
  <input name="amount_1" value="1.00" type="hidden">
  <input name="item_number_1" value="ccr001 : Download" type="hidden">
  <input name="postid_1" value="69" type="hidden">
  <input name="numberofproducts" value="1" type="hidden"></fieldset><label for="submitit"><small><strong>Note:</strong> Submit to show shipping charges.</small></label><br /><fieldset class="eshoppayvia"><legend>Pay Via:<span class="reqd">*</span></legend>
<ul>
<li><img src="https://localhost/wp-content/uploads/eshop_files/paypal.png" alt="Pay via paypal" title="Pay via paypal" width="142" height="44"><input name="eshop_payment" value="paypal" id="eshop_payment1" type="hidden"></li>
</ul>
</fieldset>
<input class="button" id="submitit" name="submit" value="Proceed to Confirmation ?" type="submit">
	</fieldset>
	</form>
	</div>
	<ul class="continue-proceed"><li><a href="https://localhost/shop/shopping-cart/">? Edit Cart or Continue Shopping</a></li></ul>
</div>

hmmm seeing the code doesn’t help.

I’ll add in some classes for the next release for you.

You could paste it in a HTML document to see the layout.

Great! Thanks!

I could, but I don’t – it is far easier to style according to the rest of a site and not from a snippet of code.