WebSite X5Help Center

 
DENNIS S.
DENNIS S.
User

Paypal Buy Buttons Placement  en

Автор: DENNIS S.
Просмотрено 360, Подписчики 1, Размещенный 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

Размещено
8 Ответы - 3 Полезно
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.

Читать больше
Размещено От Miguel Galarza
Andreas S.
Andreas S.
Moderator
Лучший пользователь месяца 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!

Читать больше
Размещено От Andreas S.
DENNIS S.
DENNIS S.
User
Автор

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

Читать больше
Размещено От 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

Читать больше
Размещено От Axel  
DENNIS S.
DENNIS S.
User
Автор

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

Читать больше
Размещено От DENNIS S.
DENNIS S.
DENNIS S.
User
Автор

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

Читать больше
Размещено От DENNIS S.
DENNIS S.
DENNIS S.
User
Автор

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.

Читать больше
Размещено От DENNIS S.
Axel  
Axel  
User

Better ?

Читать больше
Размещено От Axel