Paypal Buy Buttons Placement 
Author: DENNIS S.
Visited 1196,
Followers 1,
Shared 0
I'm having a difficult time getting two buy buttons to sit side by side on my webpage. I'm trying to make it look like the attached image with the buy buttons sitting side by side. I'm not using a shopping cart. Just trying to place two buttons side by side within a webpage. When I use the text object and enter the paypal code for the button, they don't line up side by side. I can't place the table object inside the text object so I'm totally going insane trying to make this work.
Would appreciate help with my problem.
Thanks
Dennis
Posted on the
Greetings:
What if you put two text objects, one with each code?
If they are PayPal buttons, they are usually of class <form>
This is what I do.
a style with differential ".form1" (so it doesn't affect another form on your page that you don't want to alter)
<style>
.form1 {padding: 2%; margin: 2%; display: inline;}
</style>
The two codes of the paypal buttons go inside a <div>
<div align = "center">
<form class="form1" action="https://www.paypal.com/donate" method="post" target="_top">
...
...
you put the complete code ... I omitted it for the example.
</form>
<form class="form1" action="https://www.paypal.com/donate" method="post" target="_top">
...
...
you put the complete code ... I omitted it for the example.
</form>
</div>
and it looks like this:
I hope and serve as a guide.
Why don't you use the button object for 2 buttons next to each other?
Do you only put 2 graphics in the text object and link them?
You can also insert the button in a table object if you want!
Author
I tried the two text objects side by side and the buttons are too far apart. I need them with about an inch of space between them.
I'm trying to follow how you do it with the <style> but it's a bit confusing to me because all I see is form 1?
Would you be kind enough to show me the finished product of your code. Where the two paypal buttons are placed. Button 1 & 2.
Is this correct?
<div align = "center">
<form class="paypalbutton1" action="https://www.paypal.com/donate" method="post" target="_top"> </form>
<form class="paypalbutton2" action="https://www.paypal.com/donate" method="post" target="_top"> </form>
Please advise and thanks for your help.
Dennis
Hello Dennis
Like below
And into the text object 1
And the object text 2
And the result is:
Enjoy!
Axel
Author
Yes I tried that but the vetical spacing between the two and the text object above them is too far apart
Author
The button object would be great if I could add the paypal code to the button?
Author
The ability to add a paypal code to the button object would be a fantastic addition to the program. Please send this up to your tech team as a request.
Better ?