Customizing PayPal Buttons Options

[Skin Blues]

I have only basic HTML skills but I've created a small website for a record label. We're accepting payments through PayPal and everything has gone fine, except I'm having trouble with the View Cart button from PayPal.

The problem: Ideally I'd like to include a link to the shopping cart in an image map that I have. I'd settle for being able to create a clickable image that will stay on the same line as the rest of my menu bar. It seems to only put the button on the line below the menubar as if I'd put a BREAK tag in between.

The code for the button:

CODE

<form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post"><input type="hidden" name="cmd" value="_cart"><input type="hidden" name="business" value="thelittleroomrecordco@gmail.com"><input type="image" src="viewcart.gif" border="0" name="submit" alt="Make payments with PayPal - it's fast, free and secure!"><input type="hidden" name="display" value="1"></form>

As far as I know, the problem is that there's a FORM tag in there, which automatically creates a new line. If anybody can help me keep the Shopping Cart button on the same line as the rest of the menu bar, or better yet integrate a link to the Shopping Cart within the image map (for the menu bar) then I'd be very grateful!!

To view the high-tech website you can go here: link The "View Cart" button looks fine now, but that's only because I've taken out the FORM tag. Please help!!

[Brian Chandler]

You can use CSS to style the form as "inline" - something like this:

FORM.inline { /* remove spurious spacing */
display: inline;
margin: 0;
padding: 0;
}

Then add class=inline to the form element.

[Skin Blues]

Thank you very much, it worked perfectly on the first shot!

I don't know anything about CSS but somehow it didn't take an hour of tinkering to get it right.