Forms button image change with rolleover

[shamim]

I have a client that is demanding that their forms submit and reset buttons be custom, futhermore they need to have two states, mose over and normal.

I have tried what has been written here but it does not work in Fusion 12. I can get the image to load usin CSS but the size is wrong and it will not adjust regardless of what setting I use.

The next hurdle would be to add the mouse over effect.

Your help is greatly apprieciated.

Shamim

This is what I have treid http://forums.netobjects.com/showthr...m+button+image

[NorthPole]

I don't know if this helps, but this snippet does work for a form submission page on my own site; and gives a custom submit button with mouseover chage, as well as an enhanced tooltip! I have not used the mouseover functions built into NOF as I don't find them to work too well:

<a href="javascript:document.Text1FORM.submit()"
onmouseover="document.Text1FORM.sub_but.src='../assets/images/CheckIL_on.png'"
onmouseout="document.Text1FORM.sub_but.src='../assets/images/CheckIL_off.png'"
onclick="return val_form_this_page()">
<img src="../assets/images/CheckIL_off.png" class="pngfix" width="64" height="64" hspace="64" border="0" align="middle" alt="" title="" name="sub_but" onMouseover="ddrivetip('Completed all the sections?<BR>Click to send your e-mail', '#DBD5A9', 190)"; onMouseout="hideddrivetip()" tabindex="7">
</a>

This does something similar for the reset button:

<input type="image" src="../assets/images/ErrorIL_off.png" class="pngfix" name="clear" id="clear" alt="" title="" width="64" height="64" hspace="64" border="0" align="middle" onmouseover="this.src='../assets/images/ErrorIL_on.png', ddrivetip('Made a mistake somewhere?<BR>Click to start again', '#DBD5A9', 200)" onmouseout="this.src='../assets/images/ErrorIL_off.png', hideddrivetip()" ONCLICK="window.location.href='tectite.html'; return false;" tabindex="8">

Obviously you'll need to edit and adapt for your own form submission script etc.