Using a css generated button as a form submit button

Pluribus · Joined: 29 Jul 2009 Posts: 1

Hi everyone

I am coding an ecommerce site that uses a css generated image as an add to cart button. I need to find a way of using that same image as a submit button on a web form I have already created.

The code for the form with the normal style submit button is this:

<form action='http://www.romancart.com/cart.asp' method=post>
<input type=hidden name=itemcode value='ITEM1'>
<input type=hidden name=storeid value='458962'>
Modifiers <select name=itemname2><option value='Medium'>Medium</option><option value='Large'>Large</option><option value='Extra Large'>Extra Large</option></select><br>
Modifiers <select name=itemname3><option value='Black'>Black</option><option value='Olive'>Olive</option><option value='Navy'>Navy</option></select><br><br>
<input type=submit value='Add to basket'>
</form>

On the site, the code to generate the add to basket image is simply <class="addtocart">

I have tried to do this as many ways as I can think of but the best I can do is display the add to cart image and a submit button next to it which looks really ugly and does not do what I want.

Can anyone please help me??

I would really appreciate any suggestions anyone has.

Regards

Ian

PayneLess Designs · Joined: 28 Feb 2007 Posts: 3593 Location: Biloxi, MS

Is this what you are talking about?