Replacing a submit button with a custom image

Hi guys,

Im currently developing a site where I need to replace the default form submit buttons with custom images.

I know how to do this to some extent. For example I can replace the default button with a background image, and then have the 'Submit' text sitting on top of that, but I want the WHOLE thing to be a graphic. So I need to get rid of the 'Submit' text somehow.

Heres an example image showing the whole form, just to give you a better idea...


And heres the button graphic...


Any help would be greatly appreciated. Thanks in advance!
Will

This is what you could do:
Style it with the background image, width, height etc,

And then this:

I have tried doing that Crazymik3 .

Unfortunately IE7 doesn't like it and just gives a blank default style button.

If you want to use an image, the best way is to use the type "image" for the input tag.

Awesome, that worked.

Cheers Joe. .

Just for future reference:

If there is no submit button, the first image button will by default act like a submit (I'm pretty sure this is the default behavior across all browsers; someone may feel free to correct me if I'm mistaken).

Originally Posted by George the Flea Just for future reference: If there is no submit button, the first image button will by default act like a submit.

Useful; I didn't know that. Thanks.

Been reading posts and comments, very good info thaks