daveWare Posted January 25, 2006 Share Posted January 25, 2006 I want to use a graphic for the submit and reset buttons on my form.Tried this: <table width="481" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="left"><input type="button" src="rar_images/btn_submit_alt.gif" class="submit" name="submit2" value="Submit to Right Angle Realty" /></td> <td align="right"><input type="button" src="rar_images/btn_clear_alt.gif" class="clear" name="clear2" value="Reset" /></td> </tr> </table> Tried this: <table width="481" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="left"><input type="text" src="rar_images/btn_submit_alt.gif" class="submit" name="submit2" value="Submit to Right Angle Realty" /></td> <td align="right"><input type="text" src="rar_images/btn_clear_alt.gif" class="clear" name="clear2" value="Reset" /></td> </tr> </table> This seems to work the best but there is no rollover in IE6 PC and doesn't display at all in Safari: <table width="481" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="left"><input type="submit" class="submit" name="submit" value="Submit to Right Angle Realty" /></td> <td align="right"><input type="reset" class="clear" name="clear" value="Clear Form" /></td> </tr> </table> And here is the css to go with it: .submit { color: #fff; text-decoration: none; background: url(../rar_images/btn_submit.gif) no-repeat; display: block; height: 30px; width: 211px; text-align: center; border-style: none; padding-bottom: 2px;}.submit:hover { background: url(../rar_images/btn_submit-over.gif) no-repeat;}.clear { color: #fff; text-decoration: none; background: url(../rar_images/btn_clear.gif) no-repeat; text-align: center; display: block; height: 30px; width: 108px; border-style: none; padding-bottom: 2px;}.clear:hover { background: url(../rar_images/btn_clear-over.gif) no-repeat;} Note: I do have the csshover.htc behavior installedAny one have any suggestions? Thanks.Edit: Sorry about the typo in the Title Link to comment Share on other sites More sharing options...
aspnetguy Posted January 27, 2006 Share Posted January 27, 2006 You could use javascript and do a standard image rollover with an onclick function that submits the form. Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now