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 13 of 13
  1. #1
    New to the CF scene
    Join Date
    Jun 2010
    Posts
    6
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Need a little help embedding a PayPal button

    Hello everyone, first time poster here.. just need a little help getting a paypal button to work. I decided to put the entire site (only 9mb) in a zip and upload it to rapidshare so whoever checks it out can get a full look at it..

    the only thing im stuck on right now is adding a paypal button below each shirt, whenever i copy/past the code under the picture i'm getting a super stretched out "buy now" button and i'm thinking it's being caused by some css coding.

    the site is a template from idesigners, being a template i just cant seem to narrow down the problem.. any helps greatly appreciated! thanks


    site download (the only important html page is index, the rest i haven't messed with yet):
    http://rapidshare.com/files/399828185/EnvySite.rar.html

    paypal buy button i'm trying to embed:

    <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="LCMWPRTBPRD7U">
    <table>
    <tr><td><input type="hidden" name="on0" value="Sizes">Sizes</td></tr><tr><td><select name="os0">
    <option value="S">S </option>
    <option value="M">M </option>
    <option value="L">L </option>
    <option value="XL">XL </option>
    </select> </td></tr>
    </table>
    <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_US/i/scr/pixel.gif" width="1" height="1">
    </form>

  • #2
    Regular Coder optimus203's Avatar
    Join Date
    Sep 2008
    Location
    CT
    Posts
    317
    Thanks
    22
    Thanked 16 Times in 15 Posts
    Have you tried specifying the width and height of paypal image?

    <input type="image" src="https://www.paypal.com/en_US/i/btn/btn_buynowCC_LG.gif" border="0" width="122" height="47" name="submit" alt="PayPal - The safer, easier way to pay online!">
    Always thank those CF Users who help you solve issues...
    Connecticut Web Design

  • #3
    New to the CF scene
    Join Date
    Jun 2010
    Posts
    6
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by optimus203 View Post
    Have you tried specifying the width and height of paypal image?

    <input type="image" src="https://www.paypal.com/en_US/i/btn/btn_buynowCC_LG.gif" border="0" width="122" height="47" name="submit" alt="PayPal - The safer, easier way to pay online!">
    Tryed it but it still won't size up corrently

    thanks though
    Attached Thumbnails Attached Thumbnails Need a little help embedding a PayPal button-sshot.jpg  

  • #4
    New Coder
    Join Date
    May 2010
    Location
    Saint Louis, MO
    Posts
    31
    Thanks
    6
    Thanked 0 Times in 0 Posts
    Could you send us the code for the entire page, please?

    Edit: Sorry - I missed the link. I missed that entire sentence!
    Last edited by Squishy435; 06-17-2010 at 05:43 PM.

  • #5
    Regular Coder
    Join Date
    Aug 2005
    Location
    MS
    Posts
    829
    Thanks
    10
    Thanked 79 Times in 77 Posts
    Maybe:

    Code:
    <input type="image" src="https://www.paypal.com/en_US/i/btn/btn_buynowCC_LG.gif"" value="Click here" size="122,47" border="0" alt="PayPal - The safer, easier way to pay online!">
    REF: input type="image"
    Last edited by Major Payne; 06-17-2010 at 07:51 PM.
    ☠ ☠RON☠ ☠

  • #6
    Regular Coder
    Join Date
    Apr 2008
    Posts
    685
    Thanks
    15
    Thanked 105 Times in 104 Posts
    If that is using DW design view then don't trust it to provide an accurate representation on how it might look in any browser since it can't be relied upon. Sometimes the "live-view" provides a more accurate look, but it's better just to preview your page in your browser(s)...

  • #7
    New to the CF scene
    Join Date
    Jun 2010
    Posts
    6
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by Major Payne View Post
    Maybe:

    Code:
    <input type="image" src="https://www.paypal.com/en_US/i/btn/btn_buynowCC_LG.gif"" value="Click here" size="122,47" border="0" alt="PayPal - The safer, easier way to pay online!">
    REF: input type="image"
    thanks man, but it's still coming up incorrectly


    Quote Originally Posted by Scriptet View Post
    If that is using DW design view then don't trust it to provide an accurate representation on how it might look in any browser since it can't be relied upon. Sometimes the "live-view" provides a more accurate look, but it's better just to preview your page in your browser(s)...
    what i normally do it hit f12 to bring it up in firefox, it should show correctly in firefox right?
    Last edited by Klubhead; 06-18-2010 at 12:56 AM.

  • #8
    Regular Coder
    Join Date
    Aug 2005
    Location
    MS
    Posts
    829
    Thanks
    10
    Thanked 79 Times in 77 Posts
    Just tried the code in IE and Firefox. They look the same to me. Then I tried your code above and they looked identical to what you are using. Must be something in the CSS that may be causing that problem you are having. Wish you had given a link to the actual page online so I could check with web tools in more detail. Can show you screen shots if you want.
    Last edited by Major Payne; 06-18-2010 at 03:13 AM.
    ☠ ☠RON☠ ☠

  • #9
    New to the CF scene
    Join Date
    Jun 2010
    Posts
    6
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by Major Payne View Post
    Just tried the code in IE and Firefox. They look the same to me. Then I tried your code above and they looked identical to what you are using. Must be something in the CSS that may be causing that problem you are having. Wish you had given a link to the actual page online so I could check with web tools in more detail. Can show you screen shots if you want.
    i didnt upload it to the actual server yet because of the buttons not working, tho all the files for the entire site are inside the zip file i posted
    Last edited by Klubhead; 06-18-2010 at 04:22 PM.

  • #10
    New to the CF scene
    Join Date
    Jun 2010
    Posts
    6
    Thanks
    1
    Thanked 0 Times in 0 Posts
    any other input?

  • #11
    Regular Coder
    Join Date
    Oct 2009
    Posts
    177
    Thanks
    20
    Thanked 2 Times in 1 Post
    It could be in the CSS... I'll look at it in a while.

  • #12
    Regular Coder
    Join Date
    Oct 2009
    Posts
    177
    Thanks
    20
    Thanked 2 Times in 1 Post
    Ok, your problem is in the CSS.

    This part:

    Code:
    input{
       	border:none; 
    	background:none;
    	width:283px; height:18px;
    	font-size:1em;
    	padding-left:5px;
    	padding-top:2px
    }
    Needs to become:

    Code:
    input{
       	border:none; 
    	background:none;
    	font-size:1em;
    	padding-left:5px;
    	padding-top:2px
    }
    You see, you have it set up as all input tags would be getting "width:283px; height:18px;" and the buy it now button uses those attributes.
    Last edited by pxlcreations; 06-21-2010 at 07:41 PM.

  • The Following 2 Users Say Thank You to pxlcreations For This Useful Post:

    Klubhead (06-26-2010), Major Payne (06-26-2010)

  • #13
    New to the CF scene
    Join Date
    Jun 2010
    Posts
    6
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by pxlcreations View Post
    Ok, your problem is in the CSS.

    This part:

    Code:
    input{
       	border:none; 
    	background:none;
    	width:283px; height:18px;
    	font-size:1em;
    	padding-left:5px;
    	padding-top:2px
    }
    Needs to become:

    Code:
    input{
       	border:none; 
    	background:none;
    	font-size:1em;
    	padding-left:5px;
    	padding-top:2px
    }
    You see, you have it set up as all input tags would be getting "width:283px; height:18px;" and the buy it now button uses those attributes.
    awesomeeeee!! worked man, thanks a lot!!!


  •  

    Posting Permissions

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