SitePoint Sponsor

User Tag List

Results 1 to 4 of 4

Hybrid View

  1. #1
    Web Enthusiast
    Join Date
    Jul 2000
    Location
    Western Massachusetts, USA
    Posts
    1,389
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    PayPal button form creates too much space above itself.

    I just installed two PayPal button forms at: http://www.innerpreneurworks.com/mym...-options-page/
    For some reason there is too much space above the button bringing it too low below the product description.

    I have checked the HTML and CSS with PayPal techs, but they couldn't see what gives or fix it. Can anyone help?

    The HTML is:

    HTML Code:
    <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="5N23YCGX7RJSY" />
    <input type="image" name="submit" src="https://www.paypalobjects.com/en_US/i/btn/btn_buynowCC_LG.gif" alt="PayPal - The safer, easier way to pay online!" />
    <img src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" alt="" width="1" height="1" border="0" /></form>
    The CSS shows a lot of inherited values, none of which seem active. As you can see, I tried commenting out vertical-align, to no avail.
    Code:
    html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, figure, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
        border: 0;
        font-family: inherit;
        font-size: 100%;
        font-style: inherit;
        font-weight: inherit;
        margin: 0;
        outline: 0;
        padding: 0;
        /*vertical-align: baseline; Modified by Paul C. 10.10/2012*/
    }
    Paul C.
    ClickBasics
    http://www.clickbasics.com

  2. #2
    From Italy with love silver trophybronze trophy
    guido2004's Avatar
    Join Date
    Sep 2004
    Posts
    9,506
    Mentioned
    163 Post(s)
    Tagged
    4 Thread(s)
    Eliminate the <br> 's after the hidden form fields

    You don't have them in the code you post here, but they are there in the code on your site

  3. #3
    Web Enthusiast
    Join Date
    Jul 2000
    Location
    Western Massachusetts, USA
    Posts
    1,389
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks. That did it! Even though there were not <br /> tags. having each tag on a separate line must have put line breaks in there by default. So I put all the tags on the same line, and all is well.
    Paul C.
    ClickBasics
    http://www.clickbasics.com

  4. #4
    SitePoint Member
    Join Date
    Apr 2011
    Posts
    4
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    This thread is so old but I had to say THANK YOU! I've been trying everything I could think of with CSS to no avail.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •