• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 314
  • Last Modified:

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.
0
rowfei
Asked:
rowfei
  • 7
  • 5
1 Solution
 
rowfeiAuthor Commented:
Hi,

This is icon should be looks like on the website.

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

Try adding the actual height & width of the image. Which is 122x47
0
 
McExpCommented:
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*/
0
Free Tool: ZipGrep

ZipGrep is a utility that can list and search zip (.war, .ear, .jar, etc) archives for text patterns, without the need to extract the archive's contents.

One of a set of tools we're offering as a way to say thank you for being a part of the community.

 
rowfeiAuthor 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
0
 
rowfeiAuthor 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
0
 
McExpCommented:
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">
0
 
rowfeiAuthor Commented:
Thanks. I did as said. So icon bigger now. But still no that clear.

See here: http://www.landasavehicle.com/events.html
0
 
McExpCommented:
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
0
 
McExpCommented:
The CSS style "input {height:20px;}" states that all input controls of which your image button is one shall be 20px high
0
 
rowfeiAuthor Commented:
Thanks. I really appreciate all your help.

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

Thanks
0
 
rowfeiAuthor Commented:
So should I changed it to 47px?
0
 
McExpCommented:
I would just delete the line, All the input controls will just be there standard height. Where did your CSS files come from?
0
 
rowfeiAuthor Commented:
Thanks
0

Featured Post

Hire Technology Freelancers with Gigs

Work with freelancers specializing in everything from database administration to programming, who have proven themselves as experts in their field. Hire the best, collaborate easily, pay securely, and get projects done right.

  • 7
  • 5
Tackle projects and never again get stuck behind a technical roadblock.
Join Now