Form button images? Possible?

[lavi557]

Hopefully I'm not asking a simple question but I've been looking on how to do this for awhile.

If I have a form and I want to make the button something better than the standard button how would I go about doing that? Make an image that would hyper link to the form button or could I simple replce the form button. ANy suggestions are welcome. Thanks in advance.

[cg9com]

Sure you can do that :)

place this inside of your <form></form> tag in place of your button.

<input type="image" src="pic.gif" type="submit">

you can also just make a background picture in your button to make it more intresting, with CSS.

<input type="button" onClick="window.location='URL'"
style="background-image:url(1.gif);" value="text">

or maybe make your buttons more intresting with a mouseover effect, again with CSS

<style type="text/css">
.button {
background-color:white;
border:2px outset black
}
.buttonOverClass {
background-color:black;
border:2px inset white
}
</style>
<input type=button value=Button class=button
onmouseover="this.className='buttonOverClass';"
onmouseout="this.className='button';">

i put in blue what can be edited for more/less
hope that helps

[lavi557]

Excellent, thanks a million.:thumbsup:

[lavi557]

Another quick question how could I do the same thing using text?

[cg9com]

i answered in your PM you sent me :)