productline template align

[mizz_s]

Hi
I created a "custom" productline template to use with certain items. Having spent most of yeaterday experimenting with the layout html, looking at he design guide & looking through the threads I've almost got it ( it think!)

I was a good girl and saved it to a different name so I didn't totally wreck everything!

The problem is I just can't get the componant variant table & add to cart button to center in the page.
Tried changing the width of the coulmns to % rather than pixel - in a right old pickle now.
I have got to the point where I can't see the wood for the trees. Can anyone help this poor code blind woman?

The product that is using the template is PNGOLD and can be foundhere
http://www.thenailwarehouse.biz/acat...d_Acrylic.html

My "custom" template code is here

<!-- ProductLine HTML begin -->
<!-- Insert HTML for the top of the individual product -->
NETQUOTEVAR:INCLUDE Act_ProductSeparator.html
NETQUOTEVAR:ENDSEPARATOR
NETQUOTEVAR:PRODUCTFORMBEGIN
 <table width="90%" align="center" valign="TOP" colspan="2"> 
  <td>
  <table width="100%" div align="center" border="0" cellspacing="0" cellpadding="0">
<tr><div align="center" >
<td width="250">NETQUOTEVAR:VARIANTLABEL1</td>
<td width="250">NETQUOTEVAR:VARIANTLABEL2</td>
</tr>
<tr><div align="center" >
<td width="250">NETQUOTEVAR:VARIANTSELECTOR1</td>
<td width="250" >NETQUOTEVAR:VARIANTSELECTOR2</td>
</tr>
</table>
<span class="actxsmall">NETQUOTEVAR:CARTERRORXMLNETQUOTEVAR:PRODUCTQUANTITY<br>
	<Actinic:ACTIONS>NETQUOTEVAR:VARIANTADDTOCARTBUTTON</Actinic:ACTIONS>
	</span>

  <tr><div align="center" >
    NETQUOTEVAR:TEMPLATEBEGINXML NETQUOTEVAR:PRODUCTIMAGE <p></p>
    
     <a name="NETQUOTEVAR:PRODUCTANCHOR"><span class="actregular"><b>NETQUOTEVAR:PRODUCTNAME</b></span></a>
      <span class="actxsmall">NETQUOTEVAR:PRODUCTREF <br>
      NETQUOTEVAR:PRODUCTDESCRIPTION&nbsp;NETQUOTEVAR:EXTINFOLINK</span>NETQUOTEVAR:EXTINFOBUTTON
      <br>	
	 <span class="actxsmall">NETQUOTEVAR:PRODUCTBEGINLINKNETQUOTEVAR:PRODUCTLINKTEXTNETQUOTEVAR:PRODUCTENDLINK
      NETQUOTEVAR:PRICEEXPLANATION </span><br>
      <b>NETQUOTEVAR:PRODUCTPRICE</b><br>
	 <span class="actxsmall">NETQUOTEVAR:DISCOUNTINFO </span>
      <span class="actxsmall">NETQUOTEVAR:OTHERINFOPROMPT </span>
      <span class="actxsmall">NETQUOTEVAR:DATEPROMPT </span>
   
	NETQUOTEVAR:TEMPLATEENDXML
     
  </tr>
NETQUOTEVAR:PRODUCTFORMEND
NETQUOTEVAR:NEXT
<!-- Insert HTML for the bottom of the individual product -->
<!-- ProductLine HTML end -->

thanks

[wjcampbe]

Try this - first thing I did was remove the div inside the table tag statement. There is no attribute div in the table tag. Next, I moved the closing table tag after the add to cart button, then wrapped the variants and add to cart in a table row and cell. to space things to the centre, I added a table cell either side with a space in the cell.

<!-- ProductLine HTML begin -->
<!-- Insert HTML for the top of the individual product -->
NETQUOTEVAR:INCLUDE Act_ProductSeparator.html
NETQUOTEVAR:ENDSEPARATOR
NETQUOTEVAR:PRODUCTFORMBEGIN
 <table width="90%" align="center" valign="TOP" colspan="2">
  <td>
  <table width="100%" align="center" border="0" cellspacing="0" cellpadding="0">
<tr><div align="center" >
<td width="250">NETQUOTEVAR:VARIANTLABEL1</td>
<td width="250">NETQUOTEVAR:VARIANTLABEL2</td></div>
</tr>
<tr><div align="center" >
<td width="250">NETQUOTEVAR:VARIANTSELECTOR1</td>
<td width="250" >NETQUOTEVAR:VARIANTSELECTOR2</td></div>
</tr>
<tr><td>&nbsp;</td><td>
<span class="actxsmall">NETQUOTEVAR:CARTERRORXMLNETQUOTEVAR:PRODUCTQUANTITY<br>
<Actinic:ACTIONS>NETQUOTEVAR:VARIANTADDTOCARTBUTTON</Actinic:ACTIONS>
</span></td><td>&nbsp;</td></tr></table

  <tr><div align="center" >
    NETQUOTEVAR:TEMPLATEBEGINXML NETQUOTEVAR:PRODUCTIMAGE <p></p>

     <a name="NETQUOTEVAR:PRODUCTANCHOR"><span class="actregular"><b>NETQUOTEVAR:PRODUCTNAME</b></span></a>
      <span class="actxsmall">NETQUOTEVAR:PRODUCTREF <br>
      NETQUOTEVAR:PRODUCTDESCRIPTION&nbsp;NETQUOTEVAR:EXTINFOLINK</span>NETQUOTEVAR:EXTINFOBUTTON
      <br>
 <span class="actxsmall">NETQUOTEVAR:PRODUCTBEGINLINKNETQUOTEVAR:PRODUCTLINKTEXTNETQUOTEVAR:PRODUCTENDLINK
      NETQUOTEVAR:PRICEEXPLANATION </span><br>
      <b>NETQUOTEVAR:PRODUCTPRICE</b><br>
 <span class="actxsmall">NETQUOTEVAR:DISCOUNTINFO </span>
      <span class="actxsmall">NETQUOTEVAR:OTHERINFOPROMPT </span>
      <span class="actxsmall">NETQUOTEVAR:DATEPROMPT </span>

NETQUOTEVAR:TEMPLATEENDXML

  </tr>
NETQUOTEVAR:PRODUCTFORMEND
NETQUOTEVAR:NEXT
<!-- Insert HTML for the bottom of the individual product -->
<!-- ProductLine HTML end -->

[mizz_s]

Works a treat!

Bill comes to the rescue
That worked thanks

So a cell needed to be added to shift the table along. (people keep telling me I am a few cells short )

I was looking for something that had to be taken out which was taking up space - told you I was code blind!


Thank you - you are a star