Please look at this page in IE and in FF http://www.breastcanswers.com/donate.html
I want the "donate" button to be to the right of the text like it shows in IE. FF & chrome put the button below the text.....
Thanks for your help!!
BcSurvivor08 wrote:
Please look at this page in IE and in FF http://www.breastcanswers.com/donate.html
I want the "donate" button to be to the right of the text like it shows in IE. FF & chrome put the button below the text.....
Thanks for your help!!
One way to do this is to put everything in a table like this:
<table style="border: 3px #2a022f groove;">
<tr style="height: 50px; vertical-align: middle;">
<td style="width: 180px;">Donate $100</td>
<td style="width: 160px; text-align: center;"><form action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="3826318">
<input type="image" src="https://www.paypal.com/en_US/i/btn/btn_donate_SM.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
<img alt="" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1">
</form>
</td>
</tr>
<tr style="height: 50px; vertical-align: middle;">
<td style="width: 180px;">Donate $75</td>
<td style="width: 160px; text-align: center;"><form action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="3826318">
<input type="image" src="https://www.paypal.com/en_US/i/btn/btn_donate_SM.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
<img alt="" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1">
</form>
</td>
</tr>
<tr style="height: 50px; vertical-align: middle;">
<td style="width: 180px;">Donate $50</td>
<td style="width: 160px; text-align: center;"><form action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="3826318">
<input type="image" src="https://www.paypal.com/en_US/i/btn/btn_donate_SM.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
<img alt="" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1">
</form>
</td>
</tr>
<tr style="height: 50px; vertical-align: middle;">
<td style="width: 180px;">Donate $25</td>
<td style="width: 160px; text-align: center;"><form action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="3826318">
<input type="image" src="https://www.paypal.com/en_US/i/btn/btn_donate_SM.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
<img alt="" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1">
</form>
</td>
</tr>
<tr style="height: 50px; vertical-align: middle;">
<td style="width: 180px;">Donate other amount</td>
<td style="width: 160px; text-align: center;"><form action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="3826318">
<input type="image" src="https://www.paypal.com/en_US/i/btn/btn_donate_SM.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
<img alt="" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1">
</form>
</td>
</tr>
</table>
In the above table you simply copy the TR and paste to create other options.
You could also try the following - copy and paste into a new document and view in your favourite browser
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<style>
.donation_box {
width: 250px;
margin: 45px auto 0;
border: 3px #2a022f groove;
overflow: hidden;
}
.donation_box p {
float: left;
margin-left: 15px;
}
.donation_box input {
float: right;
margin: 15px;
}
</style>
</head>
<body>
<div class="donation_box">
<form action="https://www.paypal.com/cgi-bin/webscr" method="post">
<p>donate $100</p>
<input type="image" src="https://www.paypal.com/en_US/i/btn/btn_donate_SM.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
<img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="3826318">
</form>
</div>
<div class="donation_box">
<form action="https://www.paypal.com/cgi-bin/webscr" method="post">
<p>donate $75</p>
<input type="image" src="https://www.paypal.com/en_US/i/btn/btn_donate_SM.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
<img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="3826318">
</form>
</div>
<div class="donation_box">
<form action="https://www.paypal.com/cgi-bin/webscr" method="post">
<p>donate $50</p>
<input type="image" src="https://www.paypal.com/en_US/i/btn/btn_donate_SM.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
<img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="3826318">
</form>
</div>
<div class="donation_box">
<form action="https://www.paypal.com/cgi-bin/webscr" method="post">
<p>donate $25</p>
<input type="image" src="https://www.paypal.com/en_US/i/btn/btn_donate_SM.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
<img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="3826318">
</form>
</div>
</body>
</html>
Gramps
North America
Europe, Middle East and Africa
Asia Pacific