Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Footer not cooperating

Footer not cooperating

Locked

Views: 971

Results 1 to 8 of 8
This thread is locked. New replies are disabled.
7 Dec 2010, 10:03 PM
#1
wefoundem avatar

wefoundem

New Zenner

Join Date:
Oct 2010
Posts:
93
Plugin Contributions:
0

Footer not cooperating

I have several buttons that I want displayed in the footer. I have them showing up but they are scattered all over and look horrible and nothing I have tried will get them to move. Here is a copy of the code for the buttons:

<!-- PayPal Logo --><table border="0" cellpadding="10" cellspacing="0" align="center"><tr><td align="center"></td></tr> <tr><td align="center"><a href="#" onclick="javascript:window.open('https://www.paypal.com/us/cgi-bin/webscr?cmd=xpt/Marketing/popup/OLCWhatIsPayPal-outside','olcwhatispaypal','toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=yes, resizable=yes, width=400, height=350');"><img src="https://www.paypal.com/en_US/i/bnr/horizontal_solution_PPeCheck.gif" border="0" alt="Solution Graphics"></a></td></tr></table><!-- PayPal Logo -->

<a target="_new" href="/f109656/wefoundemcom/" title="Compare prices at WillyFogg.com"><img src="http://willyfogg.com/images/b/willy34w.gif" border=0 alt="Compare prices at WillyFogg.com"></a>

<div id="googleCheckoutLogo"></div><script src='https://checkout.google.com/buttons/logos?merchant_id=959291604277807&loc=en_US&f=png' ></script>

I would like them to line up with the "upfront" button and just go straight across with just a small space between them. Every time I think I have it right it doesn't change it at all.

7 Dec 2010, 10:14 PM
#2
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: Footer not cooperating

I have them showing up but they are scattered all over and look horrible and nothing I have tried will get them to move.
That is because you have just hacked them into the code somewhere
One is in a table and the rest are just the code entered
Place them all inside a new containing div and scrap the table

7 Dec 2010, 10:33 PM
#3
wefoundem avatar

wefoundem

New Zenner

Join Date:
Oct 2010
Posts:
93
Plugin Contributions:
0

Re: Footer not cooperating

Ok I ALMOST got it. The google code contains it's own <div> and I tried a few different variations but can't the google button to step in line.

This is what I have so far, that gets the closest:

<div id="footerbuttons"> <a class="tf_upfront_badge" href="http://www.thefind.com/store/about-wefoundem" title="TheFind Upfront"><img border="0" src="//upfront.thefind.com/images/badges/s/1a/d9/1ad98af6255d0ef029cd00f22cf9c6bb.png" alt="WeFoundEm.com is upfront"/></a> <script src="//upfront.thefind.com/scripts/main/utils-init-ajaxlib/upfront-badgeinit.js" type="text/javascript"></script> <script type="text/javascript">thefind.upfront.init('tf_upfront_badge', '1ad98af6255d0ef029cd00f22cf9c6bb')</script> <!-- PayPal Logo -->

<a href="#" onclick="javascript:window.open('https://www.paypal.com/us/cgi-bin/webscr?cmd=xpt/Marketing/popup/OLCWhatIsPayPal-outside','olcwhatispaypal','toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=yes, resizable=yes, width=400, height=350');"><img src="https://www.paypal.com/en_US/i/bnr/horizontal_solution_PPeCheck.gif" border="0" alt="Solution Graphics"></a></td></tr></table><!-- PayPal Logo -->

</div> <div id="googleCheckoutLogo"></div><script src='https://checkout.google.com/buttons/logos?merchant_id=959291604277807&loc=en_US&f=png' ></script>
8 Dec 2010, 12:59 AM
#4
get_em_fast avatar

get_em_fast

Totally Zenned

Join Date:
Dec 2006
Location:
Seligman, MO U.S.A.
Posts:
2,072
Plugin Contributions:
1

Re: Footer not cooperating

Add this to your stylesheet.css and you should be good:

#footerbuttons {
   margin: 0 0 0 250px;
}
#badge_container img {
   margin: -48px 0 0 665px; 
   display: block;
}
8 Dec 2010, 1:04 AM
#5
wefoundem avatar

wefoundem

New Zenner

Join Date:
Oct 2010
Posts:
93
Plugin Contributions:
0

Re: Footer not cooperating

as always you are a Zen God among Zen Mortals.

Now if I can just convince them to make better looking graphics lol.

Thanks again.

8 Dec 2010, 1:12 AM
#6
get_em_fast avatar

get_em_fast

Totally Zenned

Join Date:
Dec 2006
Location:
Seligman, MO U.S.A.
Posts:
2,072
Plugin Contributions:
1

Re: Footer not cooperating

Haha.....I sure hope you was talking to kobra, as I KNOW I'm no Zen God..........just a mere Zen mortal, myself.

8 Dec 2010, 1:30 AM
#7
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: Footer not cooperating

<!-- PayPal Logo -->
<a href="#" onclick="javascript:window.open('https://www.paypal.com/us/cgi-bin/webscr?cmd=xpt/Marketing/popup/OLCWhatIsPayPal-outside','olcwhatispaypal','toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=yes, resizable=yes, width=400, height=350');"><img src="https://www.paypal.com/en_US/i/bnr/horizontal_solution_PPeCheck.gif" border="0" alt="Solution Graphics"></a></td></tr></table><!-- PayPal Logo -->
</div>
<div id="googleCheckoutLogo"></div><script src='https://checkout.google.com/buttons/logos?merchant_id=959291604277807&loc=en_US&f=png' ></script> 

Scrap the closing table td, & tr highlighted above
Move the highlighted closing div to the end of these as in

<!-- PayPal Logo -->
<a href="#" onclick="javascript:window.open('https://www.paypal.com/us/cgi-bin/webscr?cmd=xpt/Marketing/popup/OLCWhatIsPayPal-outside','olcwhatispaypal','toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=yes, resizable=yes, width=400, height=350');"><img src="https://www.paypal.com/en_US/i/bnr/horizontal_solution_PPeCheck.gif" border="0" alt="Solution Graphics"></a><!-- PayPal Logo -->

<div id="googleCheckoutLogo"></div><script src='https://checkout.google.com/buttons/logos?merchant_id=959291604277807&loc=en_US&f=png' ></script> 
</div>
8 Dec 2010, 2:11 AM
#8
wefoundem avatar

wefoundem

New Zenner

Join Date:
Oct 2010
Posts:
93
Plugin Contributions:
0

Re: Footer not cooperating

lol I think you both are running neck in neck for the number of my coffee induced dumb questions