We'd like to remind Forumites to please avoid political debate on the Forum. This is to keep it a safe and useful space for MoneySaving discussions. Threads that are - or become - political in nature may be removed in line with the Forum’s rules. Thank you for your understanding.
We're aware that dates on the Forum are not currently showing correctly. Please bear with us while we get this fixed, and see Site feedback for updates.

modifying CSS Layout file - can anyone help?

alirob12
alirob12 Posts: 809 Forumite
Part of the Furniture Combo Breaker
edited 17 December 2010 pm31 2:39PM in Techie Stuff
Hi

I have added a paypal button to my site, but unfortunatelly it is not displaying properly in either in IE8 - its stretched and distorted, and in Firefox - it has 2 funny lines above it. I know something needs to be altered in the layout file, but i have no idea what. I have tried but unfortunatelly - unsuccessful. If i change the index.php to index.htmp - the paypal button is as it schould. any idea anyone?

Thank you

thanks

Comments

  • In Line 54 in layout.css:
    input, textarea {
    border: 1px solid #999999; color: #290302;
    display: block;
    height: 16px;
    width: 22em;
    }

    Not sure why you set height and width of ALL inputs including buttons. If you don't need then, simply remove or comment out the last two lines, e,.g.
    input, textarea {
    border: 1px solid #999999; color: #290302;
    display: block;
    /* height: 16px;
    width: 22em; */

    }

    If you do need to keep it as it is then best thing would be:
    <form method="post" action="https://www.paypal.com/cgi-bin/webscr"&gt;
    .......
    </form>

    to:
    <form class="paypal-form" method="post" action="https://www.paypal.com/cgi-bin/webscr"&gt;
    .......
    </form>

    and in layout.css, add a new class block:
    .paypal-form input {
    border: 0 none !important; height: auto !important;
    width: auto !important;
    padding: 0 !important;

    }

    or:
    .paypal-form input {
    border: 0 none !important; height: 86px !important;
    width: 21px !important;
    padding: 0 !important;

    }

    The dimensions are based on the image itself: https://www.paypal.com/en_GB/i/btn/btn_paynow_SM.gif

    Hope this helps. :)
  • Brilliant!!! Spot on!! Nicely sorted!! Thank you very much!! I spent ages trying to get it sorted. Thank you.
    Just wondering you by any chance know how to centre the google map - I copy the link and sometimes it is displayed correctly and sometimes it is centred in the wrong place?
    Many thanks
  • thank you... any idea how i can fix my map too??
This discussion has been closed.
Meet your Ambassadors

🚀 Getting Started

Hi new member!

Our Getting Started Guide will help you get the most out of the Forum

Categories

  • All Categories
  • 348.3K Banking & Borrowing
  • 252.1K Reduce Debt & Boost Income
  • 452.4K Spending & Discounts
  • 240.9K Work, Benefits & Business
  • 617.2K Mortgages, Homes & Bills
  • 175.7K Life & Family
  • 254.1K Travel & Transport
  • 1.5M Hobbies & Leisure
  • 16K Discuss & Feedback
  • 15.1K Coronavirus Support Boards

Is this how you want to be seen?

We see you are using a default avatar. It takes only a few seconds to pick a picture.