Frustrating time with Paypal Codes... Please help me out.
I learned how to make my sites here so thought I would come here looking for some help...
I create sites based off Colins Tutorial utilizing Photoshop and Dreamweaver.. I have never had a problem that I couldn't fix and move on but this is completely stumping me and I hope that someone out there can help me out in this whole thing.
I am trying to add a couple buttons that check the cart for this webstore that I am working on. I use rollovers and the buttons are integrated into the design and sliced properly and they work... UNTIL I add the code to make the button an actual button and not just a pretty link. Whenever I add the cart code this is what happens to the design:
I can make the roll over work still... but that just makes it look even more like crap when it works. Any help that you can give would be great.. I chose Paypal because it is what the client wants and gives him more customizing options than using some other services. Can I only use the code as a Link? Or am I some how missing the way this code is susposed to work? Are there any fixes that can be done? Can do some kind of redirect from a basic link or make it pop into a pop up window? Ideas Welcome.
Here is the base code before I add anything:
ONMOUSEOVER="changeImages('Paravault_08', 'images/Paravault_08-Paravault_16_o.gif', 'Paravault_09', 'images/Paravault_09-Paravault_16_o.gif', 'Paravault_16', 'images/Paravault_16-over.gif', 'Paravault_17', 'images/Paravault_17-Paravault_16_o.gif', 'Paravault_19', 'images/Paravault_19-Paravault_16_o.gif'); return true;"
ONMOUSEOUT="changeImages('Paravault_08', 'images/Paravault_08.gif', 'Paravault_09', 'images/Paravault_09.gif', 'Paravault_16', 'images/Paravault_16.gif', 'Paravault_17', 'images/Paravault_17.gif', 'Paravault_19', 'images/Paravault_19.gif'); return true;">
<IMG NAME="Paravault_16" SRC="images/Paravault_16.gif" WIDTH=83 HEIGHT=23 BORDER=0 ALT=""></A>
And here is the code for the cart:
<form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="encrypted" value="-----BEGIN PKCS7-----(I HAVE TAKE OUT THE ACTUAL ENCRIPTED CODE TO SAVE YOU THE TROUBLE OF HAVING TO LOOK AROUND IT)-----END PKCS7-----
<input type="image" src="images/Paravault_16.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
<img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1">
Last edited by greatkitsune; 12-20-2011 at 07:02 AM.
My initial thought would be that anchor elements are inline elements but buttons and forms are block-level elements. This, at least in theory, would/could account for the difference in behavior.
You may want to try floating the form containing the button, if done, I don't think you would need to float the button itself. You may also need to add width and height to it as well. You also may need to remove all margins. Try adding style="float:right; margin:0;" to the form and see if that helps.
Gave it a shot, while it seems to have made a closer fit, the button disappears with a hole the size of it lol, and now things are just about a pixel short.. I can post pics again if needed.. Any other ideas?
Originally Posted by pthought
Try adding border:0;
Also, yes, show the pic and code again and I will take another look at it for you.
Going to sound really retarded but I fixed it... Apparently since I was using a mouse rollover I needed a java code to get it working... it is now working great... thanks for the help!
Paypal made it really hard to find because they wanted you to pay for the business account services