...

View Full Version : Problems with Paypal button - Stretches



bradfo684
05-14-2010, 10:47 AM
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>

abduraooft
05-14-2010, 11:12 AM
<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?

effpeetee
05-14-2010, 11:41 AM
I have put the page here (http://exitfegs.co.uk/14_5.html)if it helps.

I can add anything else to the page if needed

Frank

bradfo684
05-14-2010, 12:21 PM
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.

abduraooft
05-14-2010, 01:15 PM
Yes, you've
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
<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

input.text{
.........
}

(Or just remove that portion from your CSS, if there's no such text field inputs)

bradfo684
05-15-2010, 11:06 AM
thank you soooo much! your help is greatly appreciated! it works now :)



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum