X-Cart forums

[urbnhopperz]

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.

<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>

[Yurij]

Originally Posted by urbnhopperz

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.

Try use following code (There were many errors in your code):

PHP Code:

<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" align="left" width="60%">                
                <div id="images" align="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>
            <td class="Bottom" align="right" width="20%">{include file="copyright.tpl"}</td>
        </tr>
        </table>
    </td>
</tr>
</table> 


[urbnhopperz]

I tried that and it moved over a little bit but not all the way to the left like I need it. I would like it to be positioned to the far left of the page's bottom.

[JWait]

Without going to all of the modification you have done, if you use the standard bottom.tpl just put your "cards" in main/prnotice.tpl instead of "Powered by X-Cart..."

{* $Id: prnotice.tpl,v 1.6.2.1 2007/05/18 07:54:00 svowl Exp $ *}
{if $main eq "catalog"}
<div id="images" align="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>
{/if}

[urbnhopperz]

I have tried that too and yet n still it's still not working. It doesnt seem like it should be this hard to align my cc logos on the far left hand side but its been quite a task. I been at this for hours.

[JWait]

Restore your original bottom.tpl from skin1_original and use the following for skin1/main/prnotice.tpl.

* $Id: prnotice.tpl,v 1.6.2.1 2007/05/18 07:54:00 svowl Exp $ *}
{if $main eq "catalog"}
<div>
                    <!-- 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>
{/if}

It will put your logos on the left and "copyright" on the right of a bar that is whatever size and color that the "Bottom" class is in skin1.css.
Just out of curiosity, do you really need the Paypal logo to be "clickable" from that bar?

[urbnhopperz]

Thank you so much. That worked perfectly.