Changing "Submit" form button to an image

[zetetic]

I have a couple form submit buttons that came along with a mod I just installed that I want to replace with graphic images. I'm pretty sure there's a little Javascript workaround to make that happen I just don't quite get how to make it work. Any ideas?

Here's the code currently:


<form method="post" action="journal.php?$session[sessionurl]do=comments&journalid=$journalid">

<input class="button" type="submit" value="Show comments" /></form>

[tnguy3n]

I think you can use CSS to do that job.

To replace all buttons with image, add following to .button field (Main CSS)
width: 75px;
height: 15px;
margin: 0;
border: 0;
background: transparent url(images/path/button.gif) no-repeat;
adjust width & height to your values

or to replace certain button, for example that one above
<input type="submit" value="" style="width: 75px; height: 15px; margin: 0; border: 0; background: transparent url(images/path/button.gif) no-repeat;" />

[zetetic]

That works really well, tnguy. Thanks. :)

[Javierogo]

Hi guys, do you know tnguy3n or somebody know, how to make this submit button change something on mouse over? I don't know ... border or color.
;)