Don’t be frightened by this long answer. Once you understand it, it’s really a simple answer to a sometimes maddening problem: what’s all this extra white space doing around my PayPal button?
Well, here’s the deal on how to fix that:
First, create a PayPal Button by logging in to your Pay Pal account (easy to open if you don’t have one already), and then using the menu items along the top, go to “Tools/All Tools” and then click “PayPal Buttons” where you can create your button. You will eventually get a button code to paste into your Rapidweaver page. That code will look something like this. With your viewing window stretched out wide, it is 6 lines as shown below:
On your Rapidweaver page, paste that code in a text box, as close as you can to another text box with text in it, and it will appear as shown below:
Notice the big space between the text and the button. Of course, that’s not what you want! Note: this would appear the same way as shown below even if you put both your text and button code in the same text box, which I wouldn’t recommend (see the “Extra important trick” at the bottom of this post for the reason why).
The problem has to do with line spacing in the PayPal code.
And this isn’t as obvious as it should be in looking at the PayPal code because the code for a line break (which is actually just a line space, which is our problem) is “< br>” or “< br />” and you don’t see that in the code PayPal had you paste in your page. But if you go to your browser and look at the source code in that browser, you will see the line break code (either “< br>” or “< br />”).
Anyhow, here’s the simple fix:
Run lines 2, 3 & 4 together, as if they were just one line of code (lines 2, 3 & 4 all begin with “<input type”). What you’ve done is close up 2 line breaks. With your viewing window stretched out wide (note: line 2 was so long it ran around to the next line, but it is still just 1 line), you will now have 4 lines of code (instead of 6) as shown below:
On your Rapidweaver page, paste that code in a text box, as close as you can to another text box with text in it, and together it will appear as shown below. Which is the way I expect you’d like it to be.
Extra important trick:
Here’s a cool way to really fine tune the space between text and button and a slightly different way of addressing our space problem. Run all the lines of the PayPal code together, as one line of code, and your text and button would have no line space between them. Try it. They would be as tight together as they could be. Then, assuming the text and button code are each in their own separate text boxes, using the margins/bottom adjustment feature, you could fine tune the space between the 2 items to whatever you want. This is just another way to work on this. And in the end, it might be your best way of dealing with the “too much white space” problem.
Well, that’s it.
I guess I could of just posted the one small “Extra important trick” paragraph and let it go with that. But I wanted you to fully understand the whole deal and what the problem is. I guess that goes for life as well.
Hope this helped.