Skip navigation
Currently Being Moderated

Browser alignment issues

Jul 25, 2012 7:12 PM

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!!

 
Replies
  • Currently Being Moderated
    Jul 25, 2012 9:49 PM   in reply to BcSurvivor08

    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.

     
    |
    Mark as:
  • Currently Being Moderated
    Jul 25, 2012 11:03 PM   in reply to BcSurvivor08

    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

     
    |
    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points