We help IT Professionals succeed at work.

Paypal Icon

rowfei
rowfei asked
on
331 Views
Last Modified: 2012-08-13
Hi,

I have question regarding Events pages under my website www.landasavehicle.com.

I want to add the Paypal icon on the website. So I copy the code that provided by Paypal and past it to my webpages. Everything is fine except the icon looking. As I see design view in FrontPage, the icon size is perfect. But when I preview it, the icon is really small.

Below is the code that provided by Paypal:

<form action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="image" src="https://www.paypal.com/en_US/i/btn/btn_buynowCC_LG.gif" border="0" name="submit" alt="Make payments with PayPal - it's fast, free and secure!">
<img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1">
<input type="hidden" name="encrypted" value="-----BEGIN PKCS7-----

Is anything I can do to make it bigger as suppose to be?

Thanks a lot.
Comment
Watch Question

Author

Commented:
Hi,

This is icon should be looks like on the website.

https://www.paypal.com/en_US/i/btn/btn_buynowCC_LG.gif

Try adding the actual height & width of the image. Which is 122x47
Top Expert 2007

Commented:
In your styles.css (Shown Below) file you have a number of setings which set the form height?

The picture looks like it might have been reduced to 20px tall?

/*FORMS CLASSES START*/
.form_total{padding:0 0 0 3px; vertical-align:middle; background:#ffffff; color:#1D2428; font-size:12px; line-height:20px; font-family:Georgia, "Times New Roman", Times, serif}
.form_1 {width:192px; height:20px;}
.form_2 {width:128px; height:20px;}
.form_3 {width:132px; height:20px;}
.form_4 {width:182px; height:20px;}
/*FORMS CLASSES END*/

Author

Commented:
I tried add 122x47 on the following codes, but still small size.

<form action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="image" src="https://www.paypal.com/en_US/i/btn/btn_buynowCC_LG.gif" border="0" name="submit" alt="Make payments with PayPal - it's fast, free and secure!">
<img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="122" height="47">

So where should I changed too?

Thanks

Author

Commented:
This is correct, below code is in my styles.css.

/*FORMS CLASSES START*/
.form_total{padding:0 0 0 3px; vertical-align:middle; background:#ffffff; color:#1D2428; font-size:12px; line-height:20px; font-family:Georgia, "Times New Roman", Times, serif}
.form_1 {width:192px; height:20px;}
.form_2 {width:128px; height:20px;}
.form_3 {width:132px; height:20px;}
.form_4 {width:182px; height:20px;}
/*FORMS CLASSES END*/

So what should I do to make Paypal icon normal size?

Please help.

Thanks
Top Expert 2007

Commented:
you chnaged the size of the wrong image

try: -

<form action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="image" src="https://www.paypal.com/en_US/i/btn/btn_buynowCC_LG.gif" border="0" name="submit" alt="Make payments with PayPal - it's fast, free and secure!" width="122" height="47">
<img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1">

Author

Commented:
Thanks. I did as said. So icon bigger now. But still no that clear.

See here: http://www.landasavehicle.com/events.html
Top Expert 2007

Commented:
I'm fairly convince that it is something to do with your CSS, If you view the page without the CSS all is fine, I would have a look at the line "input {height:20px;}" in your styles.css file
Top Expert 2007

Commented:
The CSS style "input {height:20px;}" states that all input controls of which your image button is one shall be 20px high

Author

Commented:
Thanks. I really appreciate all your help.

Please let me know if you have any idea to change on my CSS file.

Thanks

Author

Commented:
So should I changed it to 47px?
Top Expert 2007
Commented:
Unlock this solution and get a sample of our free trial.
(No credit card required)
UNLOCK SOLUTION

Author

Commented:
Thanks

Gain unlimited access to on-demand training courses with an Experts Exchange subscription.

Get Access
Why Experts Exchange?

Experts Exchange always has the answer, or at the least points me in the correct direction! It is like having another employee that is extremely experienced.

Jim Murphy
Programmer at Smart IT Solutions

When asked, what has been your best career decision?

Deciding to stick with EE.

Mohamed Asif
Technical Department Head

Being involved with EE helped me to grow personally and professionally.

Carl Webster
CTP, Sr Infrastructure Consultant
Empower Your Career
Did You Know?

We've partnered with two important charities to provide clean water and computer science education to those who need it most. READ MORE

Ask ANY Question

Connect with Certified Experts to gain insight and support on specific technology challenges including:

  • Troubleshooting
  • Research
  • Professional Opinions
Unlock the solution to this question.
Thanks for using Experts Exchange.

Please provide your email to receive a sample view!

*This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

OR

Please enter a first name

Please enter a last name

8+ characters (letters, numbers, and a symbol)

By clicking, you agree to the Terms of Use and Privacy Policy.