Reply to topic
Calandor
Calandor Member
Member
Posts: 3
Kudos: 0
Accepted Solution

Buy Now Button White Space

I've created a Buy Now button using the paypal service, aka I've copied the code created and pasted it on my site. The particular location I'm posting the button is within a table, with its own row and data cell. For whatever reason the button takes up twice the size of the image.

Example

Previous Info I typed

Buy Now Button

---------------------(stupid white space)

Additional Info.

 

I'm looking to try to get rid of the extra space that seems to come attached to the button. Any ideas or directions for solving this would be greatly appreciated.

0 Kudos
skier
skier Volunteer Advisor
Volunteer Advisor
Posts: 5444
Kudos: 549

Re: Buy Now Button White Space

We need to see your work, can you post a URL to the web page that has the code?

 

 

 

Regards,

 

skier

0 Kudos
Calandor
Calandor Member
Member
Posts: 3
Kudos: 0

Re: Buy Now Button White Space

table border=1 width=95% height=90% Rules=None Frame=Box Cellspacing=0 Cellpadding=4>
<tr><td bgcolor=#8B0000 align=center><Font color=white>~New Online Payments~</font></td></tr>
<tr><td bgcolor=#F5F5DC align=center><Font size=2>XXXXXXXXXX HOA Fee of <b>$43.00</b></font> <br><font size=1>*$1.55 Service Fee will automatically be added*</font></td></tr>
<tr><td bgcolor=#F5F5DC align=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="10980384">
<input type="image" src="https://www.paypal.com/en_US/i/btn/btn_paynow_SM.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>
</td></tr>
<tr><td bgcolor=#F5F5DC align=center><Font size=2>To insure your payment is applied to your account, please include lot # or property address in the comments to seller.</font></td</tr>                                                    
</table>

Assuming that the begining table is in enclosed. Hope this helps. I realize the padding is at 4, yet I don't run into any issues when a regular img is put in.
0 Kudos
skier
skier Volunteer Advisor
Volunteer Advisor
Posts: 5444
Kudos: 549

Re: Buy Now Button White Space

[ Edited ]

Unfortunately posting code does not help as we need to see your web page with code.   Having said that, you can try deleting this line:

 

<img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1">

 

It's only for PayPal's internal tracking use and has no affect on the function of your item button code however, it does add a blank line to the form.

 

Regards,

 

skier

0 Kudos
Calandor
Calandor Member
Member
Posts: 3
Kudos: 0

Re: Buy Now Button White Space

www.signalbuttemanor.com

 

I've been testing with a few things trying to get rid of the space. Atm some of the code is different than what I posted the cell I'm refering to though is the paypal table. Any more help you could provide would be great.

Thank you

0 Kudos
skier
skier Volunteer Advisor
Volunteer Advisor
Posts: 5444
Kudos: 549

Re: Buy Now Button White Space

One trick you can try is to use a text or hyperlink instead of an HTML Form.

 

You can build your own Button Text Links from scratch or take advantage of the Online Button Creator within your PayPal Account.   After generating the button code online, select the "Email" tab to view the Text Link Code.   Note, the "Email" tab will not be available if have included dropdown selections or text boxes in your item button code.   This is because you cannot include dropdown selections or text boxes in a Text or Hyperlink.

See this link for examples of what can be done.

 

Regards,

 

skier