Solved

HTML Paypal Button

Posted on 2010-09-15
15
285 Views
Last Modified: 2012-05-10
will someone please go look at my site: http://clcinc.org/ and tell me how I can move the paypal button up to be even with the rest of the header?  

I am using Dreamweaver and know a little HTML.  Any help is appreciated.  Thanks
0
Comment
Question by:clcinc
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 7
  • 4
  • 2
  • +2
15 Comments
 
LVL 1

Expert Comment

by:Simon-H
ID: 33684136
Hi,

It appears to me that you need to try formatting your button to give it the same border spacing as you have for the text-links.

Is it possible you could post a copy of your css file?

Thanks,
0
 
LVL 1

Expert Comment

by:Simon-H
ID: 33684163
http://www.quirksmode.org/js/detect.html

You can then place a query that will redirect the page based on the response your code receives from the detection.

Regards,

Simon
0
 
LVL 1

Expert Comment

by:Simon-H
ID: 33684178
sorry - please ignore that last comment. wrong thread!
0
Why Off-Site Backups Are The Only Way To Go

You are probably backing up your data—but how and where? Ransomware is on the rise and there are variants that specifically target backups. Read on to discover why off-site is the way to go.

 

Author Comment

by:clcinc
ID: 33684213
LOL, I was wondering!

I have three CSS files.  I didnt design the site so I'm not sure which one you need... Here they are:
http://clcinc.org/styles-home.css
http://clcinc.org/styles-shared.css
http://clcinc.org/styles-template.css

I would like to apply this button to all pages on the site after fixing it.  Thank you
0
 
LVL 14

Expert Comment

by:Daniel Junges
ID: 33684256
this <span> tag will help:

<span style="top:-40px;position:relative;">      
  <form action="https://www.paypal.com/cgi-bin/webscr" method="post">
  <input type="hidden" name="cmd" value="_s-xclick">
  <input type="hidden" name="hosted_button_id" value="FXUKJMBZQE76W">
  <input type="image" src="https://www.paypal.com/en_US/i/btn/btn_donate_LG.gif" border="0" name="submit"  align="right" alt="PayPal -   The safer, easier way to pay online!">
   <img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1">
   </form>
</span>  
0
 
LVL 2

Accepted Solution

by:
branaf earned 500 total points
ID: 33684272
<form action="https://www.paypal.com/cgi-bin/webscr" method="post">

  <input type="hidden" name="cmd" value="_s-xclick">
  <input type="hidden" name="hosted_button_id" value="FXUKJMBZQE76W">
  <input type="image" src="https://www.paypal.com/en_US/i/btn/btn_donate_LG.gif" border="0" name="submit"  align="right" alt="PayPal -   The safer, easier way to pay online!">
   <img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1">
   </form>

Try putting the img tag in a span tag with class="border"
0
 
LVL 1

Expert Comment

by:Simon-H
ID: 33684400
Thanks for that .. in "styles-shared.css" try adding the below;


.topLinks a .donate{
      border: 0px;
      padding: 2px 4px 2px 4px;
}



you will then need to add "<span class="donate"> and </span> around your button, so try;

<span class="donate">  <form action="https://www.paypal.com/cgi-bin/webscr" method="post">

  <input type="hidden" name="cmd" value="_s-xclick">
  <input type="hidden" name="hosted_button_id" value="FXUKJMBZQE76W">
  <input type="image" src="https://www.paypal.com/en_US/i/btn/btn_donate_LG.gif" border="0" name="submit"  align="right" alt="PayPal -   The safer, easier way to pay online!">
   <img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1">
   </form></span>



Let me know how you get on with that.

Regards,
0
 

Author Comment

by:clcinc
ID: 33684603
@Simon-H
Thanks, but that did not seem to work.  I would really appreciate some more help here.

 I am using dreamweaver and used the Design window to drag and drop the button to the appropriate place.  As you can see @ www.clcinc.org .  But now the link does not execute, because it only moves the image tag, not the code.  and when I move the paypal code up to where I put the image code, it just puts the whole button right back where it was to begin with...

might it be easier to download the html and test it yourself?  Thanks a million fellas

0
 
LVL 14

Expert Comment

by:Daniel Junges
ID: 33684676
have you tried to put the span arround the form ?

<span style="top:-40px;position:relative;"> <form action=... </span>
0
 

Author Comment

by:clcinc
ID: 33684711
I guess I messed something up here.  If some of you all would go look at my site, you'll see that the footer is messed up.  I guess i did something wrong....  
0
 

Author Comment

by:clcinc
ID: 33684726
Please look at my shared css and see if the problem is in there.  The footer has moved, and is no longer at the bottom
0
 

Author Comment

by:clcinc
ID: 33684776
Okay, praise the lord for Sonicwall Backups.  I restored the CSS and have got back what I started with.  
0
 

Author Comment

by:clcinc
ID: 33684834
@junges
That just scrambles the whole header.  
0
 

Author Comment

by:clcinc
ID: 33718565
I guess no one is going to answer.  please close thread.
0
 
LVL 38

Expert Comment

by:BillDL
ID: 33743111
clcinc

At the moment you have the first line of your Form outside the "topLinks" DIV and the rest of it inside the DIV. Additionally you have not added the closing </FORM> tag for your PayPal <FORM> tag.

Try placing the your box-shaped navigation links inside the Form that contains the PayPal button, and have the form all inside the topLinks DIV.  Perhaps something like this will work for you to keep the button in line with the quick links:

<div id="container">

<div class="topLinks">
<FORM action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="XXXXXXXXXXXXXXXX">
<input type="image" src="etc, etc, etc, etc">
<img alt="" border="0" src="etc, etc, etc">
  <a href="about.htm">About Us</a>
  <a href="events.htm">Events &amp; Classes</a>
  <a href="contact.htm">Contact Us</a>
</FORM>
<!--End topLinks -->
</div>

<!-- ##### BEGIN NAVIGATION BAR ##### -->
0

Featured Post

Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Is your Office 365 signature not working the way you want it to? Are signature updates taking up too much of your time? Let's run through the most common problems that an IT administrator can encounter when dealing with Office 365 email signatures.
For many of us, the  holiday season kindles the natural urge to give back to our friends, family members and communities. While it's easy for friends to notice the impact of such deeds, understanding the contributions of businesses and enterprises i…
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
An overview of how to create reports in Adobe Analytics (formerly Omniture Site Catalyst) using pageNames, events, eVars and props. This video will show you how to install the Omniture Debugger tool so can see (and test) what is being passed int…

717 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question