Center align images

[Runner]

I'm using the layout Section link within a box on my catalog top page. I want to get the images to align centrally. They are currantly left aligned. Can anyone help? Here is the code:

<table width="150" border="0" cellspacing="5" cellpadding="0" class="thinborder1">
<tr>
<td align="center" height="30" bgcolor="<actinic:variable name="Palette1" />"><span class="boxheading"><a href="<actinic:block if="%3cactinic%3avariable%20name%3d%22IsLoginPageSuppressed%22%20%2f%3e%20AND%0d%3cactinic%3avariable%20name%3d%22UnregCustomersAreNotAllowed%22%20%2f%3e" ><actinic:variable name="SectionPageName" /></actinic:block><actinic:block if="%28%3cactinic%3avariable%20name%3d%22IsLoginPageSuppressed%22%20%2f%3e%20%3d%3d%20false%29%20OR%0d%28%3cactinic%3avariable%20name%3d%22UnregCustomersAreNotAllowed%22%20%2f%3e%20%3d%3d%20false%29" ><actinic:variable name="SectionURL" /></actinic:block>" class="boxlink"><actinic:variable name="SectionName" /></a></span></td>
</tr>
<tr>
<td>
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="top">
<a href="<actinic:block if="%3cactinic%3avariable%20name%3d%22IsLoginPageSuppressed%22%20%2f%3e%20AND%0d%3cactinic%3avariable%20name%3d%22UnregCustomersAreNotAllowed%22%20%2f%3e" ><actinic:variable name="SectionPageName" /></actinic:block><actinic:block if="%28%3cactinic%3avariable%20name%3d%22IsLoginPageSuppressed%22%20%2f%3e%20%3d%3d%20false%29%20OR%0d%28%3cactinic%3avariable%20name%3d%22UnregCustomersAreNotAllowed%22%20%2f%3e%20%3d%3d%20false%29" ><actinic:variable name="SectionURL" /></actinic:block>" target="_self">
<img alt="<actinic:variable name="SectionName" encoding="strip"/>" src="<actinic:variable Name="SectionImageFileName"/>" border="0" />
</a>
</td>
<td align="left" valign="top">
<actinic:variable name="SectionDescription" />
</td>
</tr>
</table>
</td>
</tr>
</table>
__________________


Runner

[Runner]

Thanks Lee but that did not change anything, the images still on the left. Do you have any other suggestions?

[leehack]

You could also try the following just to see if it works, although i suspect something else is going on here or it is not being setup correctly:

<table width="150" border="0" cellspacing="5" cellpadding="0" class="thinborder1">
<tr>
<td align="center" height="30" bgcolor="<actinic:variable name="Palette1" />"><span class="boxheading"><a href="<actinic:block if="%3cactinic%3avariable%20name%3d%22IsLoginPageSuppressed%22%20%2f%3e%20AND%0d%3cactinic%3avariable%20name%3d%22UnregCustomersAreNotAllowed%22%20%2f%3e" ><actinic:variable name="SectionPageName" /></actinic:block><actinic:block if="%28%3cactinic%3avariable%20name%3d%22IsLoginPageSuppressed%22%20%2f%3e%20%3d%3d%20false%29%20OR%0d%28%3cactinic%3avariable%20name%3d%22UnregCustomersAreNotAllowed%22%20%2f%3e%20%3d%3d%20false%29" ><actinic:variable name="SectionURL" /></actinic:block>" class="boxlink"><actinic:variable name="SectionName" /></a></span></td>
</tr>
<tr>
<td align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tr> 
<td valign="top" align="center">
<a href="<actinic:block if="%3cactinic%3avariable%20name%3d%22IsLoginPageSuppressed%22%20%2f%3e%20AND%0d%3cactinic%3avariable%20name%3d%22UnregCustomersAreNotAllowed%22%20%2f%3e" ><actinic:variable name="SectionPageName" /></actinic:block><actinic:block if="%28%3cactinic%3avariable%20name%3d%22IsLoginPageSuppressed%22%20%2f%3e%20%3d%3d%20false%29%20OR%0d%28%3cactinic%3avariable%20name%3d%22UnregCustomersAreNotAllowed%22%20%2f%3e%20%3d%3d%20false%29" ><actinic:variable name="SectionURL" /></actinic:block>" target="_self">
<img alt="<actinic:variable name="SectionName" encoding="strip"/>" src="<actinic:variable Name="SectionImageFileName"/>" border="0" />
</a>
</td>
<td align="center" valign="top">
<actinic:variable name="SectionDescription" />
</td>
</tr>
</table>
</td>
</tr>
</table>

[Runner]

Thanks. That worked. I can't quite see how at the moment?

[leehack]

Well to be honest Keith it's a bit of a nested nightmare to achieve very little but basically the table holding the image, which sits within a <td> of an outer table, needed to be center aligned. The blue code centred the red basically. The red holds the image.

<td align="center"><table border="0" cellspacing="0" cellpadding="0"> 
<tr> 
<td valign="top" align="center">
<a href="<actinic:block if="%3cactinic%3avariable%20name%3d%22IsLoginPageSuppressed%22%20%2f%3e%20AND%0d%3cactinic%3avariable%20name%3d%22UnregCustomersAreNotAllowed%22%20%2f%3e" ><actinic:variable name="SectionPageName" /></actinic:block><actinic:block if="%28%3cactinic%3avariable%20name%3d%22IsLoginPageSuppressed%22%20%2f%3e%20%3d%3d%20false%29%20OR%0d%28%3cactinic%3avariable%20name%3d%22UnregCustomersAreNotAllowed%22%20%2f%3e%20%3d%3d%20false%29" ><actinic:variable name="SectionURL" /></actinic:block>" target="_self">
<img alt="<actinic:variable name="SectionName" encoding="strip"/>" src="<actinic:variable Name="SectionImageFileName"/>" border="0" />
</a>
</td> 

You could say the blue car and the red car had a race, all red wanted to do was stuff his face...oh no hang on that was a chocolate bar advert...this chocolate amnesty has me going all looney and joining the Gabe club.

[Runner]

Ok thanks for that. By the way, how do insert these chunks (another chocolate ref) of code into the posts?

[leehack]

Look for the hash '#' on the toolbar, highlight all the code, then click on the hash key.

[Runner]

Oh I see. Great. Thanks again Lee.

[leehack]

My pleasure, i see you've cracked it lol.

[jont]

 is this a new type of forum etiquette?

[Duncan Rounding]

Shh it's just so Google doesn't see it :)

[TraceyHand]

does that mean I can swear in here now then? :p

[Duncan Rounding]

Not sure, but I see you've just had a :p!

[TraceyHand]

you saw that? I really should close the door LOL

[jont]

I really should close the door

You need /DOOR