[MWP]

Please Help!!

I'm currently creating a site in Dreamweaver CS5 and am having problems adding the PayPal buttons. Basically I have downloaded the PayPal extensions for Dreamweaver from www.webassist.com. I have set it all up and it appears to be working so far (the site isn't live yet) apart from the size of the buttons. When I click add to page in the Dreamweaver PayPal Buttons menu, or when I create one in PayPal and copy the code across the button increases in size, quite a bit and becomes a little distorted. Now I'm extremely new to web designing so I'm sure this is probably simple but I can't seem to sort it out!

I've tried giving it a class and changing the width setting etc, but that still didn't work. I even gave it a div and adjusted margins etc and nothing worked.

Has anyone come across this problem before? The html for the button is below;


<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="xxx">
<input type="image" src="https://www.paypalobjects.com/en_GB/i/btn/btn_buynow_LG.gif" border="0" name="submit" alt="PayPal — The safer, easier way to pay online.">
<img alt="" border="0" src="https://www.paypalobjects.com/en_GB/i/scr/pixel.gif" width="auto" height="1px">
</form>

The bold value text does have a code in it, but I wasn't sure if that was sensitive information for my account so I replaced it with xxx.

Many thanks.

[zed]

have you tried using this? https://www.paypal.c...t-intro-outside

[MWP]

Yep, I tried creating it through PayPal and through the DW extension.

A screenshot;

 Untitled.jpg (54.28K)
Number of downloads: 10

EDIT:sorry about the size of screen shot. Will re-adjust later when I have time.

This post has been edited by MWP: 28 July 2011 - 08:58 AM

[zed]

okay, looks fine in IE8 and you're using IE7? If I put IE8 to IE7 mode I see the same as you.

You're probably going to need an IE7.css and remove the width:260px from INPUT

[zed]

in fact maybe just try removing the width from INPUT anyway.

[MWP]

Ok. Do you mean it looks Like a small button in IE8? And I'm assuming that's Internet explorer?

I viewed it in Chrome, but didn't think to check the other browsers as it looks wrong in the DW live view as well, and now that I've typed that I remember on the tutorials I have that the live view might sometimes look wrong but on the Internet it will look fine?

Reference removing the width:260px from INPUT is that in the IE7.css or in the .css I have now? Even as I type I'm cringing at that question as it is probably a really simple one!! Lol.

I'll have a look at that tonight anyway as I've only been doing this for a few days so have no idea about IE7.css!

Thanks for your time so far, really appreciate it.

[MWP]

zed, on 28 July 2011 - 09:13 AM, said:

in fact maybe just try removing the width from INPUT anyway.

Thank you very much. I've figured out what you were talking about and have now resolved the issue. As suggested I removed the width all together from the INPUT on the .css.