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

    Problems with Paypal button - Stretches

    Hi,
    I'm having trouble adding a paypal "buy now" button and have been working on this problem for days now. I know very little about html, only the very basics. I don't know what div, etc is, but I do know how to go into the code and replace code. I'm currently using Dreamweaver 8 and added the paypal extension. The following is the code for the paypal button, and again followed by the code for the entire page. Any help would be soooo greatly appreciated. I have been toying with this for days, with my huge lack of knowledge haha, trying to edit width, height etc, and have had no luck, so anyone's help would be greatly appreciated. My buy now button becomes stretched when I add it and preview it in firefox, though it looks fine in dreamweaver. Someone suggested I add height="23" width="68" after the image src, but it didn't work.


    Paypal button code:

    <form action="https://www.paypal.com/cgi-bin/webscr" method="post">
    <input type="hidden" name="cmd" value="_xclick" />
    <input type="hidden" name="bn" value="webassist.dreamweaver.4_5_0" />
    <input type="hidden" name="business" value="mygmatadvisor@gmail.com" />
    <input type="hidden" name="item_name" value="Philadelphia Weekend Course" />
    <input type="hidden" name="item_number" value="Phi1" />
    <input type="hidden" name="amount" value="299" />
    <input type="hidden" name="currency_code" value="USD" />
    <input type="hidden" name="undefined_quantity" value="1" />
    <input type="hidden" name="receiver_email" value="mygmatadvisor@gmail.com" />
    <input type="hidden" name="mrb" value="R-3WH47588B4505740X" />
    <input type="hidden" name="pal" value="ANNSXSLJLYR2A" />
    <input type="hidden" name="no_shipping" value="0" />
    <input type="hidden" name="no_note" value="1" />
    <input type="image" name="submit" src="http://images.paypal.com/images/x-click-but23.gif" border="0" alt="Make payments with PayPal, it's fast, free, and secure!" />
    </form>

    Entire code for the page:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
    <title></title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="Content-Style-Type" content="text/css" />
    <link href="style.css" rel="stylesheet" type="text/css" />
    <link href="layout.css" rel="stylesheet" type="text/css" />
    <script src="maxheight.js" type="text/javascript"></script>
    <!--[if lt IE 7]>
    <script type="text/javascript" src="ie_png.js"></script>
    <script type="text/javascript">
    ie_png.fix('.png');
    </script>
    <![endif]-->
    <style type="text/css">
    <!--
    .style2 {font-size: 12px}
    .style8 {font-size: 1.02em}
    .style9 {font-size: 27px}
    .style14 {color: 1111}
    .style15 { color: #7eb0d6;
    font-size: 0.85em;
    }
    .style1 {color: #688dc3}
    .style19 {font-size: .812; color: #688dc3; }
    .style20 {font-size: .812}
    .style21 {color: #214880; }
    -->
    </style>
    </head>

    <body id="page6" onload="new ElementMaxHeight(); ">
    <div class="main">
    <div id="header">
    <ul class="ul">
    <li><a href="index.html">Home</a></li>
    <li><a href="index-1.html">About </a></li>
    <li><a href="index-2.html">Our Teachers </a></li>
    <li><a href="index-3.html">Our Guarantee </a></li>
    <li><a href="index-4.html">Locations</a></li>
    <li><a href="index-5.html">FAQ</a></li>
    <li class="last"><a href="index-6.html" class="current">Enroll</a></li>
    </ul>
    <div class="flag"><span class="style14"><span class="style15">help@mygmatadvisor.com :: 646-418-2425 </span></span></div>
    <a href="index.html"><img alt="" src="images/logo.gif" class="logo" /></a><br />
    <div class="container">
    <div class="col-1">
    <div class="indent1 txt">
    <h2><strong><span class="style8">My GMAT Adviso</span>r </strong><br />
    <span class="style9">Personal Experts to<br />
    help you succeed.</span> </h2>
    <p class="style2">The best teachers, personalized attention</p>
    <p class="style2">(small classes with 1-5 students in each),</p>
    <p class="style2">convenient location, save time. Proven</p>
    <p class="style2">inovative strategies to master the GMAT and </p>
    <p class="style2">guarantee you success. It's what we do. </p>
    <h2><br />
    </h2>
    <div class="indent"><a href="#" class="button">Learn More</a></div>
    </div>
    </div>
    <div class="col-2">
    <div class="indent2">
    <ul class="ul1">
    <li><a href="index-4.html">Course Dates </a></li>
    <li><a href="index-6.html">Private Tutoring </a></li>
    <li><a href="index-8.html">Contact </a></li>
    <li></li>
    </ul>
    </div>
    </div>
    </div>
    </div>
    <div id="content">
    <div class="indent-main">
    <div class="container">
    <div class="col-1">
    <div class="box">
    <div class="left-top-corner png">
    <div class="right-top-corner-1 png">
    <div class="border-top png"></div>
    </div>
    </div>
    <div class="xcontent png">
    <div class="indent-box5">
    <h2>Enroll Now</h2>
    <p><span class="style1"><span class="style20">Weekend Course:</span></span></p>
    <p>**- Small personalized classes (1-5 students in each)<br />
    **- The top professors in the field<br />
    **- Proven inovative strategies to master the GMAT that are unmatched in the industry<br />
    **- Our Guarantee - We guarantee you will increase your score by 55 points or we will provide free private *****tutoring until you do and pay for your next GMAT! <br />
    **- Convenient and comfortable classrooms <br />
    **- And much more! </p>
    <p>We will prepare you for your future. </p>
    <p class="style1">Only $299!</p>
    <p class="style1">At My GMAT Advisor we wanted the most secure way to enroll. That's why we chose Paypal, the safest, most secure way to pay online. </p>
    <p class="style21">Enroll Now:</p>

    <form action="https://www.paypal.com/cgi-bin/webscr" method="post">
    <input type="hidden" name="cmd" value="_xclick" />
    <input type="hidden" name="bn" value="webassist.dreamweaver.4_5_0" />
    <input type="hidden" name="business" value="mygmatadvisor@gmail.com" />
    <input type="hidden" name="item_name" value="Philadelphia Weekend Course" />
    <input type="hidden" name="item_number" value="Phi1" />
    <input type="hidden" name="amount" value="299" />
    <input type="hidden" name="currency_code" value="USD" />
    <input type="hidden" name="undefined_quantity" value="1" />
    <input type="hidden" name="receiver_email" value="mygmatadvisor@gmail.com" />
    <input type="hidden" name="mrb" value="R-3WH47588B4505740X" />
    <input type="hidden" name="pal" value="ANNSXSLJLYR2A" />
    <input type="hidden" name="no_shipping" value="0" />
    <input type="hidden" name="no_note" value="1" />
    <input type="image" name="submit" src="http://images.paypal.com/images/x-click-but23.gif" border="0" alt="Make payments with PayPal, it's fast, free, and secure!" />
    </form>
    </p>
    </p>
    <p>&nbsp;</p>
    <p><br />
    </p>
    </div>
    </div>
    <div class="left-bottom-corner png">
    <div class="right-bottom-corner png">
    <div class="border-bottom png"></div>
    </div>
    </div>
    </div>
    </div>
    <div class="col-2"><img alt="" src="images/bg-2.gif" /></div>
    <div class="col-3">
    <div class="box">
    <div class="left-top-corner-2 png">
    <div class="right-top-corner png">
    <div class="border-top png"></div>
    </div>
    </div>
    <div class="xcontent png">
    <div class="indent-box4">
    <p class="txt2"><span class="container1"><img src="images/6page_img1.jpg" alt="guy teaching girl and both smiling" width="158" height="87" class="img-left" /></span></p>
    <p class="txt2">&nbsp;</p>
    </div>
    </div>
    <div class="left-bottom-corner png">
    <div class="right-bottom-corner png">
    <div class="border-bottom png"></div>
    </div>
    </div>
    </div>
    </div>
    </div>
    </div>
    </div>
    <div id="footer">
    <div class="indent-footer">My GMAT Advisor &copy; 2010</div>
    </div>
    </div>
    </body>
    </html>

  • #2
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,863
    Thanks
    160
    Thanked 2,224 Times in 2,211 Posts
    <link href="style.css" rel="stylesheet" type="text/css" />
    <link href="layout.css" rel="stylesheet" type="text/css" />
    Do you have any CSS selectors to affect the width of input elements inside these stylesheets?

    Could you post a link to your page?
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #3
    Senior Coder effpeetee's Avatar
    Join Date
    Feb 2007
    Location
    Clapham Junction - London SW
    Posts
    4,885
    Thanks
    228
    Thanked 204 Times in 203 Posts
    I have put the page here if it helps.

    I can add anything else to the page if needed

    Frank
    Last edited by effpeetee; 05-14-2010 at 11:44 AM.
    * Sources (updated: 21.11.2012.
    Using Windows 8 Professional. 64bit with HP Photosmart 5510 printer Very useful site here.

  • #4
    New to the CF scene
    Join Date
    May 2010
    Posts
    5
    Thanks
    1
    Thanked 0 Times in 0 Posts
    hmm, im very confused haha. frank, i went to "view: page source" in firefox on the page you created and copied the entire thing and pasted into dreamweaver, yet when i go to preview it in firefox it still stretches? really confused haha. and abduraooft, not sure what that means, sorry, rookie here, but here's the link to the page with the button stretched: http://www.mygmatadvisor.com/index-6.html . thanks.

  • #5
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,863
    Thanks
    160
    Thanked 2,224 Times in 2,211 Posts
    Yes, you've
    Code:
    input { /*style.css (line 190) */
    background:none repeat scroll 0 0 #FFFFFF;
    border:1px solid #BECCD5;
    font-size:1em;
    height:18px;
    padding-left:5px;
    padding-top:2px;
    width:285px;
    }
    in your CSS, which is causing that stretch.

    You'd need to apply a class, say
    Code:
    <input type="text" class="text" >
    to all text filed elements in your pages(if any) and then apply the above style specifically to those input elements, like
    Code:
    input.text{
    .........
    }
    (Or just remove that portion from your CSS, if there's no such text field inputs)
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • Users who have thanked abduraooft for this post:

    bradfo684 (05-15-2010)

  • #6
    New to the CF scene
    Join Date
    May 2010
    Posts
    5
    Thanks
    1
    Thanked 0 Times in 0 Posts
    thank you soooo much! your help is greatly appreciated! it works now


  •  

    Posting Permissions

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