WebSite X5Help Center

 
DENNIS S.
DENNIS S.
User

Paypal Buy Buttons Placement  en

Auteur : DENNIS S.
Visité 1225, Followers 1, Partagé 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

Posté le
8 RéPONSES - 3 UTILE
Miguel Galarza
Miguel Galarza
User

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.

Lire plus
Posté le de Miguel Galarza
Andreas S.
Andreas S.
Moderator
Meilleur utilisateur du mois DE

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!

Lire plus
Posté le de Andreas S.
DENNIS S.
DENNIS S.
User
Auteur

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

Lire plus
Posté le de DENNIS S.
Axel  
Axel  
User

Hello Dennis

Like below

And into the text object 1

And the object text 2

And the result is:

Enjoy!
Axel

Lire plus
Posté le de Axel  
DENNIS S.
DENNIS S.
User
Auteur

Yes I tried that but the vetical spacing between the two and the text object above them is too far apart

Lire plus
Posté le de DENNIS S.
DENNIS S.
DENNIS S.
User
Auteur

The button object would be great if I could add the paypal code to the button?

Lire plus
Posté le de DENNIS S.
DENNIS S.
DENNIS S.
User
Auteur

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.

Lire plus
Posté le de DENNIS S.
Axel  
Axel  
User

Better ?

Lire plus
Posté le de Axel