Need a little help embedding a PayPal button

Hello everyone, first time poster here.. just need a little help getting a paypal button to work. I decided to put the entire site (only 9mb) in a zip and upload it to rapidshare so whoever checks it out can get a full look at it..

the only thing im stuck on right now is adding a paypal button below each shirt, whenever i copy/past the code under the picture i'm getting a super stretched out "buy now" button and i'm thinking it's being caused by some css coding.

the site is a template from idesigners, being a template i just cant seem to narrow down the problem.. any helps greatly appreciated! thanks :thumbsup:


site download (the only important html page is index, the rest i haven't messed with yet):
http://rapidshare.com/files/399828185/EnvySite.rar.html

paypal buy button i'm trying to embed:

<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="LCMWPRTBPRD7U">
<table>
<tr><td><input type="hidden" name="on0" value="Sizes">Sizes</td></tr><tr><td><select name="os0">
<option value="S">S </option>
<option value="M">M </option>
<option value="L">L </option>
<option value="XL">XL </option>
</select> </td></tr>
</table>
<input type="image" src="https://www.paypal.com/en_US/i/btn/btn_buynowCC_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
<img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1">
</form>

Have you tried specifying the width and height of paypal image?

<input type="image" src="https://www.paypal.com/en_US/i/btn/btn_buynowCC_LG.gif" border="0" width="122" height="47" name="submit" alt="PayPal - The safer, easier way to pay online!">

Have you tried specifying the width and height of paypal image?

<input type="image" src="https://www.paypal.com/en_US/i/btn/btn_buynowCC_LG.gif" border="0" width="122" height="47" name="submit" alt="PayPal - The safer, easier way to pay online!">

Tryed it but it still won't size up corrently :confused:

thanks though

Could you send us the code for the entire page, please?

Edit: Sorry - I missed the link. I missed that entire sentence!

Maybe:

<input type="image" src="https://www.paypal.com/en_US/i/btn/btn_buynowCC_LG.gif"" value="Click here" size="122,47" border="0" alt="PayPal - The safer, easier way to pay online!">

REF: input type="image" (http://webdesign.about.com/od/htmltags/p/bltags_inputimg.htm)

If that is using DW design view then don't trust it to provide an accurate representation on how it might look in any browser since it can't be relied upon. Sometimes the "live-view" provides a more accurate look, but it's better just to preview your page in your browser(s)...

Maybe:

<input type="image" src="https://www.paypal.com/en_US/i/btn/btn_buynowCC_LG.gif"" value="Click here" size="122,47" border="0" alt="PayPal - The safer, easier way to pay online!">

REF: input type="image" (http://webdesign.about.com/od/htmltags/p/bltags_inputimg.htm)

thanks man, but it's still coming up incorrectly :confused:


If that is using DW design view then don't trust it to provide an accurate representation on how it might look in any browser since it can't be relied upon. Sometimes the "live-view" provides a more accurate look, but it's better just to preview your page in your browser(s)...
what i normally do it hit f12 to bring it up in firefox, it should show correctly in firefox right?

Just tried the code in IE and Firefox. They look the same to me. Then I tried your code above and they looked identical to what you are using. Must be something in the CSS that may be causing that problem you are having. Wish you had given a link to the actual page online so I could check with web tools in more detail. Can show you screen shots if you want.

Just tried the code in IE and Firefox. They look the same to me. Then I tried your code above and they looked identical to what you are using. Must be something in the CSS that may be causing that problem you are having. Wish you had given a link to the actual page online so I could check with web tools in more detail. Can show you screen shots if you want.

i didnt upload it to the actual server yet because of the buttons not working, tho all the files for the entire site are inside the zip file i posted

any other input?

It could be in the CSS... I'll look at it in a while.

Ok, your problem is in the CSS.

This part:

input{
border:none;
background:none;
width:283px; height:18px;
font-size:1em;
padding-left:5px;
padding-top:2px
}

Needs to become:

input{
border:none;
background:none;
font-size:1em;
padding-left:5px;
padding-top:2px
}

You see, you have it set up as all input tags would be getting "width:283px; height:18px;" and the buy it now button uses those attributes.

Ok, your problem is in the CSS.

This part:

input{
border:none;
background:none;
width:283px; height:18px;
font-size:1em;
padding-left:5px;
padding-top:2px
}

Needs to become:

input{
border:none;
background:none;
font-size:1em;
padding-left:5px;
padding-top:2px
}

You see, you have it set up as all input tags would be getting "width:283px; height:18px;" and the buy it now button uses those attributes.

awesomeeeee!! worked man, thanks a lot!!! :thumbsup: