asked on

Paypal Icon

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.

rowfei

ASKER

Hi,

This is icon should be looks like on the website.

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

DMTechGrooup

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

McExp

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*/

rowfei

ASKER

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

rowfei

ASKER

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

McExp

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

rowfei

ASKER

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

See here: http://www.landasavehicle.com/events.html

McExp

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

McExp

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

rowfei

ASKER

Thanks. I really appreciate all your help.

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

Thanks

rowfei

ASKER

So should I changed it to 47px?

ASKER CERTIFIED SOLUTION

McExp

membership

This solution is only available to members.