Jump to content

graohic form buttons


Recommended Posts

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 post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...