Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>See live example on <a href="http://jsfiddle.net/fuSYL/" rel="nofollow">http://jsfiddle.net/fuSYL/</a></p> <p>You need additional div wrapper for those two forms and also some css.</p> <p>HTML </p> <pre><code>&lt;div class="form-container"&gt; &lt;!-- from paypal --&gt; &lt;form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top"&gt; &lt;input type="hidden" name="cmd" value="_s-xclick"&gt; &lt;input type="hidden" name="hosted_button_id" value="XXXXXXXXXXXX"&gt; &lt;p&gt; &lt;input type="hidden" name="on0" value="200GB/2GB RAM"&gt;200GB/2GB RAM &lt;/p&gt; &lt;p&gt; &lt;select name="os0"&gt; &lt;option value="1 MONTH"&gt;1 MONTH $25.00 USD&lt;/option&gt; &lt;option value="3 MONTHS"&gt;3 MONTHS $65.00 USD&lt;/option&gt; &lt;/select&gt; &lt;/p&gt; &lt;input type="hidden" name="currency_code" value="USD"&gt; &lt;input type="image" src="http://i.imgur.com/ORLogUb.png" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!" class="button-paypal"&gt; &lt;img alt="" border="0" src="http://i.imgur.com/ORLogUb.png" width="1" height="1"&gt; &lt;/form&gt; &lt;!-- /from paypal --&gt; &lt;!-- form bitpay --&gt; &lt;form action="https://bitpay.com/checkout" method="post"&gt; &lt;input type="hidden" name="action" value="cartAdd" /&gt; &lt;input type="hidden" name="data" value="XXXXXXXXXXXXXXXXXX" /&gt; &lt;input type="image" src="http://i.imgur.com/pSatyZL.png" name="submit" alt="BitPay, pay with bitcoins." class="button-bitpay"&gt; &lt;/form&gt; &lt;!-- /form bitpay --&gt; &lt;/div&gt; </code></pre> <p>CSS </p> <pre><code>.form-container { text-align: center; position: relative; padding: 0 0 10px; } .form-container p { margin: 0 0 10px; padding: 0; } .button-paypal { position: absolute; bottom: 0; margin: 0 0 0 -90px; } .button-bitpay { position: absolute; bottom: 0; margin: 0 0 0 10px; } </code></pre>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload