Submit Buttons

[DarrenPWS]

Hi all,
I would like to have an onMouseOver / hover effect on my submit button images.

Can any of you give me that code???

Thanks a lot,
DD

[ranjan]

define two classes in your style sheet

.oldclass {
	background-color:#ccc;
        background-image: url(pic.gif);
	color:#333;
}
.newclass {
	background-color:#333;
        background-image: url(pic_over.gif);
	color:#ccc;
}

now any input tag that contains the following code

<input class="oldclass" type="submit" name="Submit" value="Submit" onmouseover="this.className='newclass';" onmouseout="this.className='oldclass';">

will have a mouse over effect. The pic.gif is normal state and pic_over.gif is hover state images resp.

[DarrenPWS]

Hi Ranjan,

Thanks for that code, it was exaclty what I was after !! :D

Sorry for cross posting - it was selfish, but I am working on the form now and was desperate for the help - Thanks again,

DD