If you look at the bottom of my site (
http://www.urbnhopperz.com), you will see that the paypal and credit card logos are centered at the bottom. I have trying for hours but cant seem to get them to align to the far left where "Powered by X-Cart" usually sits by default.
I was editing all of this stuff using the bottom.tpl file. Here is the code. Does anyone see what im doing wrong? Will someone please give me the code to position them exactly how they are (side by side) but to the far left side of the page. Thanks in advance.
Quote:
<table width="100%" cellpadding="0" cellspacing="0">
<tr><td class="HeadThinLine"><img src="{$ImagesDir}/spacer.gif" class="Spc" alt="" /></td></tr>
<tr>
<td class="BottomBox">
<table width="100%" cellpadding="0" cellspacing="0"><tr>
<td class="Bottom" align="left" width="20%"></td>
<td class="left" valign="left" width="60%">
<table width="100%" cellpadding="0" cellspacing="0"><tr>
</td>
<td class="left valign="left" width="60%">
<table border="0" cellpadding="0" cellspacing="0" valign="bottom">
</td></tr></table>
<div id="images" valign="left">
<!-- PayPal Logo --><a href="#" onclick="javascript:window.open('https://www.paypal.com/us/cgi-bin/webscr?cmd=xpt/cps/popup/OLCWhatIsPayPal-outside','olcwhatispaypal','toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=yes, resizable=yes, width=400, height=350');" style="padding-"><img src="https://www.paypal.com/en_US/i/logo/PayPal_mark_37x23.gif" border="0" alt="Acceptance Mark"></a><!-- PayPal Logo -->
<img src="{$ImagesDir}/visa.gif" />
<img src="{$ImagesDir}/master.gif" />
<img src="{$ImagesDir}/amex.gif"/>
<img src="{$ImagesDir}/discover.gif"/>
</div>
<td class="Bottom" align="right" width="20%">{include file="copyright.tpl"}</td>
</tr></table>
</td>
</tr>
</table>
|