alignment help needed please

[jacy]

I'm in the process of redesigning my site and have so far managed to change my products template without breaking anything.
One thing i can't seem to get right is the "information link text".
It's showing at the bottom left of the screen and i'd like to centre it on the bottom of the screen. i changed the location of the netquotevar for the information link text but the web address doesn't show at all. One product that i have checked has the web addy on the far right side of the screen with only a couple of letters of the web addy showing.
Here's my code for my product template could you please tell me where i've gone wrong?

<!-- ProductLine HTML begin -->
<!-- Insert HTML for the top of the individual product -->
<style type="text/css">
<!--
.style3 {
color: #FF0000;
font-weight: bold;
}
-->
</style>


NETQUOTEVAR:INCLUDE Act_ProductSeparator.html
NETQUOTEVAR:ENDSEPARATOR
NETQUOTEVAR:PRODUCTFORMBEGIN
<tr>
<td colspan="3" valign="TOP" align="CENTER"> NETQUOTEVAR:TEMPLATEBEGINXML NETQUOTEVAR:PRODUCTIMAGE </td>
</tr>
<tr>
<td valign="TOP" align="LEFT" colspan="3">
<a name="NETQUOTEVAR:PRODUCTANCHOR"><span class="actregular"><b>NETQUOTEVAR:PRODUCTNAME</b></span></a>
<span class="actxsmall"><br>
</span>
<table width="593">
<tr>
<th width="256" align="left" scope="col"><span class="actxsmall">NETQUOTEVAR:PRODUCTPRICE</span></th>
<th width="303" align="left" scope="col"><span class="actxsmall">NETQUOTEVAR:PRODUCTQUANTITY</span></th>
<th width="18" scope="col"><span class="actxsmall">NETQUOTEVAR:ADDTOCARTBUTTON</span> </th>
</tr>
</table>
<table width="146" height="60" align="left">
<tr>
<th align="left" scope="col"><div align="left"><img src="email_me_to_a_friend.gif" alt="email a friend" width="100" height="32" border="0"
onClick="location.href='mailto:'
+ '?subject=Take a look at www.jacyscomputers.com.au'
+ '&bcc=recommend@jacyscomputers.com.au'
+ '&body=I just saw the following product - NETQUOTEVAR:PRODUCTNAME - at '
+ location.href + '#NETQUOTEVAR:PRODUCTANCHOR '
+ 'and thought you might be interested.';"></div></th>
</tr>
</table> <span class="actxsmall"> </span>
<table width="484" height="47">
<tr>
<th width="450" scope="col"><div align="left"><span class="Red">NETQUOTEVAR:PRICEEXPLANATION </span></div></th>
</tr>
</table>
<span class="actxsmall">NETQUOTEVAR:PRODUCTDESCRIPTION&nbsp;NETQUOTEVAR:EXTINFOLINK</span>NETQUOTEVAR:EXTINFOBUTTON
<br> <span class="actxsmall">NETQUOTEVAR:PRODUCTBEGINLINK<strong><br>
<u>NETQUOTEVAR:PRODUCTLINKTEXT</u><br>
</strong>NETQUOTEVAR:PRODUCTENDLINK</span>
<span class="actxsmall">NETQUOTEVARATEPROMPT </span> </td>
</tr>
<tr>
<td align="LEFT" colspan="3"><span class="actxsmall">
NETQUOTEVAR:CARTERRORXML<br>
<Actinic:ACTIONS></Actinic:ACTIONS>
</span>
NETQUOTEVAR:TEMPLATEENDXML </td>
</tr>
NETQUOTEVAR:PRODUCTFORMEND
NETQUOTEVAR:NEXT
<!-- Insert HTML for the bottom of the individual product -->
<!-- ProductLine HTML end -->

Cheers,

Jacy

[Mike Hughes]

The reason it's sticking to the left is because it's sitting in a cell that's defined as:

<td valign="TOP" align="LEFT" colspan="3">

To center allign it, close that cell and row and then create a new one that's alligned to the middle.

There are also a few <th> tags in there that look like they ought to be <td> though I guess you probably have a reason for using <th>'s ?

Mike

[jacy]

Hi Olderscott,
Umm no i have no idea what "th" is . I did create a 3 row table along the top for the price, qty and buy now button. and just under that i have email a friend and price explanation.
I just moved some headings around in dreamweaver design and didn't touch the code side of things. How do i close the cell. Could i use the same text <td valign="TOP" align="LEFT" colspan="3">
and change "Left" to centre?

Thanks for replying.

Cheers,

Jacy

[cdicken]

Just do a find and replace in Notepad in the template and replace all instance of 'th' wih 'td' and it will get rid of the 'th's.

With regards to centering the extended info link, I suggest you locate the code

<td valign="TOP" align="LEFT" colspan="3">

and change it read

<td valign="TOP" align="center" colspan="3">

[jacy]

Hi Chris,
if i change:
<td valign="TOP" align="left" colspan="3">
to:
<td valign="TOP" align="center" colspan="3">
the whole description moves to the centre not just the web address link (the one found under product/General/information text link).

Cheers,

Jacy

[Mike Hughes]

Sorry, i didn't come back to you this I got stuck into some other stuff.

To just change the allignment of that section you have to insert this bit of code:

</td>
</tr>
<tr>
<td valign="TOP" align="center" colspan="3">

just before where it says

"<span class="actxsmall">NETQUOTEVAR:PRODUCTDESCRIPTION NETQUOTEVAR:EXTINFOLINK</span>..."

This just closes the current cell and row and then opens a new one with the contents centered instead of left alligned.

Mike

[jacy]

No probs mate,
I'll give it a go. Thanks for your help i appreciate it.

Cheers,

Jacy