Image *in* (not as) submit button

GoneShootin

Lew

Any way of insterting an image within the standard form button? What I dont
want to do is create an image with the icon and the text of each freakin button.

Cheers

Spocker

Don't think so. I think it's only one or the other, button with text or image of your choice.

Serbian

You can set a background image for a submit button. You need to set the background color to transparent and the border to 0. I have tested this on Firefox 1.0.7 and IE6 and it works. I'll test other browsers and let you know the results.

<input type="submit" name="Submit" value="Submit" style="background-image: url(images/background.gif); background-color: transparent; border: 0;" />

Compatibility: Suprisingly, it actually works with nearly every browser I tried it with. IE 5.01, IE 5.5, IE 6.0, Opera 8.5, Firefox 1.0.7, Netscape 7.2, K-Meleon 0.8.2. That's probably about 90% of all people who are likely to view it. The transparent background and background image worked on Opera 7.54 but the border was still around the button. There probably is a way to fix that, but it doesn't immediately come to mind.

GoneShootin

Serbian that's fantastic. Thanks very much!

Do you accept paypal ?

Serbian

GoneShootin wrote:

Serbian that's fantastic. Thanks very much!

Do you accept paypal ?

Just glad to help

Baz_

Serbian wrote:

Just glad to help

You should have said yes!