Im making a sign up form for my website, and wanted to know how to change the %26quot;submit%26quot; button to a image instead of a boring button. Heres a screen shot: 鈻篽ttp://i50.tinypic.com/33wplon.png
So the code is below, And i already know how to replace it with the image, but when i replace it, it does NOT keep the function links. as in clicking it does Nothing! THANKS FOR YOUR HELP! Code is below:
%26lt;!-- Begin MailChimp Signup Form --%26gt;
%26lt;!--[if IE]%26gt;
%26lt;style type=%26quot;text/css%26quot; media=%26quot;screen%26quot;%26gt;
#mc_embed_signup fieldset {position: relative;}
#mc_embed_signup legend {position: absolute; top: -1em; left: .2em;}
%26lt;/style%26gt;
%26lt;![endif]--%26gt;
%26lt;!--[if IE 7]%26gt;
%26lt;style type=%26quot;text/css%26quot; media=%26quot;screen%26quot;%26gt;
.mc-field-group {overflow:visible;}
%26lt;/style%26gt;
%26lt;![endif]--%26gt;
%26lt;script type=%26quot;text/javascript%26quot; src=%26quot;http://ajax.googleapis.com/ajax/lib?br>
%26lt;script type=%26quot;text/javascript%26quot; src=%26quot;http://downloads.mailchimp.com/js/j?br>
%26lt;script type=%26quot;text/javascript%26quot; src=%26quot;http://downloads.mailchimp.com/js/j?br>
%26lt;div id=%26quot;mc_embed_signup%26quot;%26gt;
%26lt;form action=%26quot;http://yahoo.us1.list-manage.com?method=%26quot;post%26quot; id=%26quot;mc-embedded-subscribe-form%26quot; name=%26quot;mc-embedded-subscribe-form%26quot; class=%26quot;validate%26quot; target=%26quot;_blank%26quot; style=%26quot;font: normal 100% Arial;font-size: 12px;%26quot;%26gt;
%26lt;fieldset style=%26quot;-moz-border-radius: 4px;border-radius: 4px;-webkit-border-radius: 4px;border: 1px solid #000000;padding-top: 1.5em;margin: .5em 0;background-color: #ffffff;color: #333333;text-align: left;%26quot;%26gt;
%26lt;legend style=%26quot;text-transform: capitalize;font-weight: bold;color: #FFFFFF;background: #4AA02C;padding: .5em 1em;border: 1px solid #000000;-moz-border-radius: 4px;border-radius: 4px;-webkit-border-radius: 4px;font-size: 1.2em;%26quot;%26gt;Access The Free Video ECourse!%26lt;/legend%26gt;
%26lt;div class=%26quot;indicate-required%26quot; style=%26quot;text-align: right;font-style: italic;overflow: hidden;color: #333333;margin: 0 9% 0 0;%26quot;%26gt;%26lt;/div%26gt;
%26lt;div class=%26quot;mc-field-group%26quot; style=%26quot;margin: 1.3em 5%;clear: both;overflow: hidden;%26quot;%26gt;
%26lt;label for=%26quot;mce-EMAIL%26quot; style=%26quot;display: block;margin: .3em 0;line-height: 1em;font-weight: bold;%26quot;%26gt;Email Address %26lt;strong class=%26quot;note-required%26quot;%26gt;*%26lt;/strong%26gt;
%26lt;/label%26gt;
%26lt;input type=%26quot;text%26quot; value=%26quot;%26quot; name=%26quot;EMAIL%26quot; class=%26quot;required email%26quot; id=%26quot;mce-EMAIL%26quot; style=%26quot;margin-right: 1.5em;padding: .2em .3em;width: 90%;float: left;z-index: 999;%26quot;%26gt;
%26lt;/div%26gt;
%26lt;div class=%26quot;mc-field-group%26quot; style=%26quot;margin: 1.3em 5%;clear: both;overflow: hidden;%26quot;%26gt;
%26lt;label for=%26quot;mce-FNAME%26quot; style=%26quot;display: block;margin: .3em 0;line-height: 1em;font-weight: bold;%26quot;%26gt;Name %26lt;/label%26gt;
%26lt;input type=%26quot;text%26quot; value=%26quot;%26quot; name=%26quot;FNAME%26quot; class=%26quot;%26quot; id=%26quot;mce-FNAME%26quot; style=%26quot;margin-right: 1.5em;padding: .2em .3em;width: 90%;float: left;z-index: 999;%26quot;%26gt;
%26lt;/div%26gt;
%26lt;div id=%26quot;mce-responses%26quot; style=%26quot;float: left;top: -1.4em;padding: 0em .5em 0em .5em;overflow: hidden;width: 90%;margin: 0 5%;clear: both;%26quot;%26gt;
%26lt;div class=%26quot;response%26quot; id=%26quot;mce-error-response%26quot; style=%26quot;display: none;margin: 1em 0;padding: 1em .5em .5em 0;font-weight: bold;float: left;top: -1.5em;z-index: 1;width: 80%;background: #FFEEEE;color: #FF0000;%26quot;%26gt;%26lt;/div%26gt;
%26lt;div class=%26quot;response%26quot; id=%26quot;mce-success-response%26quot; style=%26quot;display: none;margin: 1em 0;padding: 1em .5em .5em 0;font-weight: bold;float: left;top: -1.5em;z-index: 1;width: 80%;background: #;color: #529214;%26quot;%26gt;%26lt;/div%26gt;
%26lt;/div%26gt;
%26lt;div%26gt;%26lt;input type=%26quot;submit%26quot; value=%26quot;Subscribe%26quot; name=%26quot;subscribe%26quot; id=%26quot;mc-embedded-subscribe%26quot; class=%26quot;btn%26quot; style=%26quot;clear: both;width: auto;display: block;margin: 1em 0 1em 5%;%26quot;%26gt;%26lt;/div%26gt;
%26lt;/fieldset%26gt;
%26lt;a href=%26quot;#%26quot; id=%26quot;mc_embed_close%26quot; class=%26quot;mc_embed_close%26quot; style=%26quot;display: none;%26quot;%26gt;Close%26lt;/a%26gt;
%26lt;/form%26gt;
%26lt;/div%26gt;
%26lt;script type=%26quot;text/javascript%26quot;%26gt;
var fnames = new Array();var ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='ema?err_style = '';
try{
err_style = mc_custom_error_style;
} catch(e){
err_style = 'margin: 1em 0 0 0; padding: 1em 0.5em 0.5em 0.5em; background: FFEEEE none repeat scroll 0% 0%; font-weight: bold; float: left; z-indHow to Edit CSS Code?Add this style to your stylesheet.
.button{background: url(../images/but.gif) no-repeat 0px 0px;}
and then add this class to your submit button.
%26lt;input type=%26quot;submit%26quot; value=%26quot;Send%26quot; class=%26quot;button%26quot;%26gt;
