Help with PayPal Buttons on My Blog

[Andy McGregor]

I've worked out how to put buttons on my blog to sell tickets for dances. But they come up with big gaps when the page is published. When I go in and remove the gaps the buttons no longer work.

Here is the link to the blog http://rocsters.blogspot.com/p/buy-tickets.html

Note to Moderators - I'm not doing this as a sneaky way of promoting a dance. I haven't deliberately done something silly as a way of selling tickets to a dance - I'm not that clever, I just need help and have been trying all day to fix this problem :confused:

[Miguel]

Have you tried here for an answer? Blog Support (http://www.google.com/support/blogger/?hl=en)

[Andy McGregor]

Have you tried here for an answer? Blog Support (http://www.google.com/support/blogger/?hl=en)Hi Miguel,

I did look there. All I found was people asking the same question as me and getting no answer or answers that didn't make sense.

[Gav]

What're you using to edit it Andy?

I've had a look at the source and you've got a lot of lines of hidden code, each ending with a <br /> tag.
You need to remove those tags and it should all line up nicely.



BTW, that's £10 + VAT :wink:

[Andy McGregor]

BTW, that's £10 + VAT :wink:Can I pay in kisses? :awe:

[Andy McGregor]

What're you using to edit it Andy?

I've had a look at the source and you've got a lot of lines of hidden code, each ending with a <br /> tag.
You need to remove those tags and it should all line up nicely.I just copied and pasted the code from PayPal. I'll have a go at deleting those bits. Thank you :flower:

[David Bailey]

What're you using to edit it Andy?

I've had a look at the source and you've got a lot of lines of hidden code, each ending with a <br /> tag.
You need to remove those tags and it should all line up nicely.
Yes, that works - the <br /> tags are all at the end of the "<input name= xyz type="hidden">" statements, lose those and you'll be OK.

Also, it's horrible code... :eek:

[Andy McGregor]

Yes, that works - the <br /> tags are all at the end of the "<input name= xyz type="hidden">" statements, lose those and you'll be OK.

Also, it's horrible code... :eek:When I go into Bloggers "Edit Pages" and select HTML I don't see those tags. They're not in the code produced by PayPal when they generated the buttons.

HELP! :banghead:

Payment in hugs and kisses :kiss:

[straycat]

When I go into Bloggers "Edit Pages" and select HTML I don't see those tags. They're not in the code produced by PayPal when they generated the buttons.

HELP! :banghead:


Are there any carriage returns? If so, delete them all so the HTML is all on one line - the editor might be replacing them with <br> tags.

If not, it sounds like the editor is automatically inserting them... in which case, we'll have to resort to something clever ;)

Insert the following before the first <input type="hidden" tag:

<div style="height: 0px; overflow: hidden">

and then put this before the <input type="image" tag:


</div>


Payment in hugs and kisses :kiss:
Please donate said payment to Rocky.

[Andy McGregor]

Are there any carriage returns? If so, delete them all so the HTML is all on one line - the editor might be replacing them with <br> tags.

If not, it sounds like the editor is automatically inserting them... in which case, we'll have to resort to something clever ;)I managed to do the first bit, which removed both buttons. Then I inserted the second bit and ended up with a nice space and just one button.

Here's the code I get when I click "edit HTML".


Click below to buy your tickets for the Horror Ball via Paypal. Don't forget, we're balancing the sexes - buy your Witch or Wizard ticket.
<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="paypal">
<input name="cmd" type="hidden" value="_cart" />
<input name="business" type="hidden" value="Andy@Rocsters.com" />
<input name="lc" type="hidden" value="GB" />
<input name="item_name" type="hidden" value="Man's £8 Ticket for Horror Ball 13th Nov 2010" />
<input name="amount" type="hidden" value="8.00" />
<input name="currency_code" type="hidden" value="GBP" />
<input name="button_subtype" type="hidden" value="products" />
<input name="no_note" type="hidden" value="0" />
<input name="add" type="hidden" value="1" />
<input name="bn" type="hidden" value="PP-ShopCartBF:btn_cart_LG.gif:NonHostedGuest" />
<input alt="PayPal - The safer, easier way to pay online." border="0" name="submit" src="https://www.paypal.com/en_GB/i/btn/btn_cart_LG.gif" type="image" /> Man's "Wizard" Ticket £8
<img alt="" border="0" height="1" src="https://www.paypal.com/en_GB/i/scr/pixel.gif" width="1" /></form>
<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="paypal">
<input name="cmd" type="hidden" value="_cart" />
<input name="business" type="hidden" value="Andy@Rocsters.com" />
<input name="lc" type="hidden" value="GB" />
<input name="item_name" type="hidden" value="Lady's £8 Ticket for Horror Ball 13th Nov 2010" />
<input name="amount" type="hidden" value="8.00" />
<input name="currency_code" type="hidden" value="GBP" />
<input name="button_subtype" type="hidden" value="products" />
<input name="no_note" type="hidden" value="0" />
<input name="add" type="hidden" value="1" />
<input name="bn" type="hidden" value="PP-ShopCartBF:btn_cart_LG.gif:NonHostedGuest" />
<input alt="PayPal - The safer, easier way to pay online." border="0" name="submit" src="https://www.paypal.com/en_GB/i/btn/btn_cart_LG.gif" type="image" /> <img alt="" border="0" height="1" src="https://www.paypal.com/en_GB/i/scr/pixel.gif" width="1" />Lady's "Witch" Ticket £8

p.s. We'd love to hear from any Sorcerers of the PC who can tell us how to make this page work without the big gaps - we're dance teachers, not IT experts!</form>

[Andy McGregor]

Please donate said payment to Rocky.If you can fix this I'll give him "extras" :wink:

[David Bailey]

I managed to do the first bit, which removed both buttons. Then I inserted the second bit and ended up with a nice space and just one button.

Here's the code I get when I click "edit HTML".

Your "edit HTML" editor is lying to you.

There are still <br/> tags there. I can only assume your editor is just automatically putting them there for you, trying to be "helpful" :rolleyes:

Try Stray's second suggestion - wrap those "div" tags around the whole lot. Which is a kludge to fix a kludge, of course...

Failing that, do it the proper way - but that'd involve redesign.

[straycat]

I should have been a little more specific - my bad.
Try:


<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="paypal">
<div style="height: 0px; overflow: hidden">
<input name="cmd" type="hidden" value="_cart" />
<input name="business" type="hidden" value="Andy@Rocsters.com" />
<input name="lc" type="hidden" value="GB" />
<input name="item_name" type="hidden" value="Man's £8 Ticket for Horror Ball 13th Nov 2010" />
<input name="amount" type="hidden" value="8.00" />
<input name="currency_code" type="hidden" value="GBP" />
<input name="button_subtype" type="hidden" value="products" />
<input name="no_note" type="hidden" value="0" />
<input name="add" type="hidden" value="1" />
<input name="bn" type="hidden" value="PP-ShopCartBF:btn_cart_LG.gif:NonHostedGuest" />
</div>
<input alt="PayPal - The safer, easier way to pay online." border="0" name="submit" src="https://www.paypal.com/en_GB/i/btn/btn_cart_LG.gif" type="image" /> Man's "Wizard" Ticket £8
<img alt="" border="0" height="1" src="https://www.paypal.com/en_GB/i/scr/pixel.gif" width="1" /></form>
<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="paypal">
<div style="height: 0px; overflow: hidden">
<input name="cmd" type="hidden" value="_cart" />
<input name="business" type="hidden" value="Andy@Rocsters.com" />
<input name="lc" type="hidden" value="GB" />
<input name="item_name" type="hidden" value="Lady's £8 Ticket for Horror Ball 13th Nov 2010" />
<input name="amount" type="hidden" value="8.00" />
<input name="currency_code" type="hidden" value="GBP" />
<input name="button_subtype" type="hidden" value="products" />
<input name="no_note" type="hidden" value="0" />
<input name="add" type="hidden" value="1" />
<input name="bn" type="hidden" value="PP-ShopCartBF:btn_cart_LG.gif:NonHostedGuest" />
</div>
<input alt="PayPal - The safer, easier way to pay online." border="0" name="submit" src="https://www.paypal.com/en_GB/i/btn/btn_cart_LG.gif" type="image" /> <img alt="" border="0" height="1" src="https://www.paypal.com/en_GB/i/scr/pixel.gif" width="1" />Lady's "Witch" Ticket £8
<br clear="both" /><br />
p.s. We owe a debt of gratitude to Straycat, the web wizard who showed us how to remove the gaps from this form.</form>

[Andy McGregor]

I should have been a little more specificThank you straycat :flower:

It's working lovely now. I'll try to work out what you did so I don't have to pester you next time.

Please let me know if there's anything I can help you with in my areas of expertise? I'm currently an expert in COPD, Smoking Cessation, Erectile Dysfunction, Pain and Gastroenterology :whistle:

Or I could give you a few free tickets if you're in Brighton.