Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 10 of 10
  1. #1
    New to the CF scene
    Join Date
    Nov 2010
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Coding a Paypal Box help

    i have this paypal code(below)for a paypal button i want to put on my site, however i want it in a certain position on the page, can someone tell me how to do it? i also have the position measurements of where i want it (below)

    Paypal Code

    <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="CT5VYBEEAL9T4">
    <table>
    <tr><td><input type="hidden" name="on0" value="Select Quanity">Select Quanity</td></tr><tr><td><select name="os0">
    <option value="1 | Lease">1 | Lease $22.00</option>
    <option value="2 | Leases">2 | Leases $44.00</option>
    <option value="4 | Leases">4 | Leases $88.00</option>
    <option value="7 | Leases">7 | Leases $110.00</option>
    <option value="10 | Leases">10 | Leases $170.00</option>
    </select> </td></tr>
    <tr><td><input type="hidden" name="on1" value="Name of Beat(s) Here:">Name of Beat(s) Here:</td></tr><tr><td><input type="text" name="os1" maxlength="60"></td></tr>
    </table>
    <input type="hidden" name="currency_code" value="USD">
    <input type="image" src="https://www.paypal.com/en_US/i/btn/btn_buynowCC_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
    <img alt="" border="0" src="https://www.paypal.com/en_GB/i/scr/pixel.gif" width="1" height="1">
    </form>



    Position Code date

    div.paypal {position: absolute;top: 0;left: 50;margin-left: 620px;width: 270px;height: 170px; margin-top:620px; z-index:6; }
    Last edited by jackie boy; 11-17-2010 at 08:31 PM.

  • #2
    New to the CF scene
    Join Date
    Nov 2010
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts
    i'll give $10 to anyone who can tell me how to integrate the code

  • #3
    Senior Coder
    Join Date
    Jul 2009
    Location
    South Yorkshire, England
    Posts
    2,318
    Thanks
    6
    Thanked 304 Times in 303 Posts
    Code:
    div#paypal {position: absolute;top: 0;left: 50;margin-left: 620px;width: 270px;height: 170px; margin-top:620px; z-index:6; }
    You've already answered your own question with the above CSS. Wrap the form in a div. I'd use an id instead of a class though, (CSS already adjusted accordingly). You could also just add the id directly to the form and use #paypal instead of div#paypal, (each id on a page must be unique), and not bother with the containing div. Just use whichever method rocks your boat.


    Code:
    <div id="paypal">
    <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="CT5VYBEEAL9T4">
    <table>
    <tr><td><input type="hidden" name="on0" value="Select Quanity">Select Quanity</td></tr><tr><td><select name="os0">
    	<option value="1 | Lease">1 | Lease $22.00</option>
    	<option value="2 | Leases">2 | Leases $44.00</option>
    	<option value="4 | Leases">4 | Leases $88.00</option>
    	<option value="7 | Leases">7 | Leases $110.00</option>
    	<option value="10 | Leases">10 | Leases $170.00</option>
    </select> </td></tr>
    <tr><td><input type="hidden" name="on1" value="Name of Beat(s) Here:">Name of Beat(s) Here:</td></tr><tr><td><input type="text" name="os1" maxlength="60"></td></tr>
    </table>
    <input type="hidden" name="currency_code" value="USD">
    <input type="image" src="https://www.paypal.com/en_US/i/btn/btn_buynowCC_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
    <img alt="" border="0" src="https://www.paypal.com/en_GB/i/scr/pixel.gif" width="1" height="1">
    </form>
    </div>
    Last edited by MattF; 11-17-2010 at 10:21 PM.

  • #4
    Senior Coder
    Join Date
    Aug 2010
    Location
    High Point, NC
    Posts
    3,338
    Thanks
    5
    Thanked 363 Times in 360 Posts
    lol That was an easy $10!

  • #5
    New to the CF scene
    Join Date
    Nov 2010
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by MattF View Post
    Code:
    div#paypal {position: absolute;top: 0;left: 50;margin-left: 620px;width: 270px;height: 170px; margin-top:620px; z-index:6; }
    You've already answered your own question with the above CSS. Wrap the form in a div. I'd use an id instead of a class though, (CSS already adjusted accordingly). You could also just add the id directly to the form and use #paypal instead of div#paypal, (each id on a page must be unique), and not bother with the containing div. Just use whichever method rocks your boat.


    Code:
    <div id="paypal">
    <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="CT5VYBEEAL9T4">
    <table>
    <tr><td><input type="hidden" name="on0" value="Select Quanity">Select Quanity</td></tr><tr><td><select name="os0">
    	<option value="1 | Lease">1 | Lease $22.00</option>
    	<option value="2 | Leases">2 | Leases $44.00</option>
    	<option value="4 | Leases">4 | Leases $88.00</option>
    	<option value="7 | Leases">7 | Leases $110.00</option>
    	<option value="10 | Leases">10 | Leases $170.00</option>
    </select> </td></tr>
    <tr><td><input type="hidden" name="on1" value="Name of Beat(s) Here:">Name of Beat(s) Here:</td></tr><tr><td><input type="text" name="os1" maxlength="60"></td></tr>
    </table>
    <input type="hidden" name="currency_code" value="USD">
    <input type="image" src="https://www.paypal.com/en_US/i/btn/btn_buynowCC_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
    <img alt="" border="0" src="https://www.paypal.com/en_GB/i/scr/pixel.gif" width="1" height="1">
    </form>
    </div>
    hey thanks for the help, however i'm a bit confused, where about do i paste this in the CSS?

    when you say ID what do you mean? where do i get the ID from? i'm clueless

    here is my page, http://www.soundclick.com/thesynthesis , you see where it says "Store" i need the paypal button directly under there,

  • #6
    Senior Coder
    Join Date
    Jul 2009
    Location
    South Yorkshire, England
    Posts
    2,318
    Thanks
    6
    Thanked 304 Times in 303 Posts
    You already have the container and CSS in place, by the looks of it, so forget those. Where this div is in your template file, (or wherever you've placed it):

    Code:
    <div class="paypal">
    <center>
    <br />
    <br />paypal
    <br />paypal
    <br />paypal
    
    <br />paypal
    
    </center>
    </div>
    just remove those paypal text lines and place the form code in there like so and you should be sorted.

    Code:
    <div class="paypal">
    <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="CT5VYBEEAL9T4">
    <table>
    <tr><td><input type="hidden" name="on0" value="Select Quanity">Select Quanity</td></tr><tr><td><select name="os0">
    	<option value="1 | Lease">1 | Lease $22.00</option>
    	<option value="2 | Leases">2 | Leases $44.00</option>
    	<option value="4 | Leases">4 | Leases $88.00</option>
    	<option value="7 | Leases">7 | Leases $110.00</option>
    	<option value="10 | Leases">10 | Leases $170.00</option>
    </select> </td></tr>
    <tr><td><input type="hidden" name="on1" value="Name of Beat(s) Here:">Name of Beat(s) Here:</td></tr><tr><td><input type="text" name="os1" maxlength="60"></td></tr>
    </table>
    <input type="hidden" name="currency_code" value="USD">
    <input type="image" src="https://www.paypal.com/en_US/i/btn/btn_buynowCC_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
    <img alt="" border="0" src="https://www.paypal.com/en_GB/i/scr/pixel.gif" width="1" height="1">
    </form>
    </div>

  • #7
    New to the CF scene
    Join Date
    Nov 2010
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Matt, if you go on to my page now, you will see the paypal button is there now, which i'm very happy about, however i need it directly under the "store" heading, and in line with the music player, if you know what i mean? at the moment it is not positioned right, looks out of place, how do i correct this?

    this is the code i used


    <div class="paypal">
    <center>

    <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="CT5VYBEEAL9T4">
    <table>
    <tr><td><input type="hidden" name="on0" value="Select Quanity">Select Quanity</td></tr><tr><td><select name="os0">
    <option value="1 | Lease">1 | Lease $22.00</option>
    <option value="2 | Leases">2 | Leases $44.00</option>
    <option value="4 | Leases">4 | Leases $88.00</option>
    <option value="7 | Leases">7 | Leases $110.00</option>
    <option value="10 | Leases">10 | Leases $170.00</option>
    </select> </td></tr>
    <tr><td><input type="hidden" name="on1" value="Name of Beat(s) Here:">Name of Beat(s) Here:</td></tr><tr><td><input type="text" name="os1" maxlength="60"></td></tr>
    </table>
    <input type="hidden" name="currency_code" value="USD">
    <input type="image" src="https://www.paypal.com/en_US/i/btn/btn_buynowCC_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
    <img alt="" border="0" src="https://www.paypal.com/en_GB/i/scr/pixel.gif" width="1" height="1">
    </form>

    </center>
    </div>

  • #8
    Senior Coder
    Join Date
    Jul 2009
    Location
    South Yorkshire, England
    Posts
    2,318
    Thanks
    6
    Thanked 304 Times in 303 Posts
    This code you posted earlier:

    Code:
    Position Code date
    
    div.paypal {position: absolute;top: 0;left: 50;margin-left: 620px;width: 270px;height: 170px; margin-top:620px; z-index:6; }
    Whichever stylesheet you have placed that in, edit the top-margin setting to pull it further up the page. Try something like: margin-top:590px; for starters and then work from there. Btw, you can remove those <center></center> tags from that block of code. They're unnecessary.

  • #9
    New to the CF scene
    Join Date
    Nov 2010
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts
    wow yes, i'm a programming genius lmao jk

    matt send me your paypal info

    by the ways thankyou very much you saved me from a stressful event, i also learn something

  • #10
    Senior Coder
    Join Date
    Jul 2009
    Location
    South Yorkshire, England
    Posts
    2,318
    Thanks
    6
    Thanked 304 Times in 303 Posts
    Just on a tangent, you have a typo. You're missing a 't' in quantity in your form code.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •