Hi everyone, I have an image of an optin box and I have the auto-responder code. I am trying to have the auto-responder code into the image. Code <style type="text/css">#WFItem52313 html{color:#000 !important;background:#FFF !important;} #WFItem52313 body, #WFItem52313 div, #WFItem52313 dl, #WFItem52313 dt, #WFItem52313 dd, #WFItem52313 ul, #WFItem52313 ol, #WFItem52313 li, #WFItem52313 h1, #WFItem52313 h2, #WFItem52313 h3, #WFItem52313 h4, #WFItem52313 h5, #WFItem52313 h6, #WFItem52313 pre, #WFItem52313 code, #WFItem52313 form, #WFItem52313 fieldset, #WFItem52313 legend, #WFItem52313 input, #WFItem52313 textarea, #WFItem52313 p, #WFItem52313 blockquote, #WFItem52313 th, #WFItem52313 td{margin-left:0 !important;margin-right:0 !important;margin-top:0 !important;margin-bottom:0 !important;padding-left:0 !important;padding-bottom:0 !important;padding-right:0 !important;padding-top:0 !important;width:auto !important;background-image:none !important;} #WFItem52313 div, #WFItem52313 dl, #WFItem52313 dt, #WFItem52313 dd, #WFItem52313 ul, #WFItem52313 ol, #WFItem52313 li, #WFItem52313 h1, #WFItem52313 h2{border:none !important;background:none !important;float:none !important;width:auto !important;} #WFItem52313 table{border-collapse:collapse !important;border-spacing:0 !important;} #WFItem52313 fieldset, #WFItem52313 img{border:0 !important;} #WFItem52313 address, #WFItem52313 caption, #WFItem52313 cite, #WFItem52313 code, #WFItem52313 dfn, #WFItem52313 em, #WFItem52313 th, #WFItem52313 var{font-style:normal !important;font-weight:normal !important;} #WFItem52313 strong{font-style:normal !important;font-weight:bold !important;} #WFItem52313 em{font-style:italic !important;font-weight:normal !important;position:static !important;} #WFItem52313 li{list-style:none !important;}caption, #WFItem52313 th{text-align:left !important;} #WFItem52313 h1, #WFItem52313 h2, #WFItem52313 h3, #WFItem52313 h4, #WFItem52313 h5, #WFItem52313 h6{font-size:100% !important;font-weight:normal !important;} #WFItem52313 q:before, #WFItem52313 q:after{content: " " !important;} #WFItem52313 abbr, #WFItem52313 acronym{border:0 !important;font-variant:normal !important;} #WFItem52313 sup{vertical-align:text-top !important;} #WFItem52313 sub{vertical-align:text-bottom !important;} #WFItem52313 input, #WFItem52313 textarea, #WFItem52313 select{font-family:inherit !important;font-size:inherit !important;font-weight:inherit !important;height:auto !important;line-height:auto !important;} #WFItem52313 input, #WFItem52313 textarea, #WFItem52313 select{*font-size:100% !important;} #WFItem52313 legend{color:#000 !important;} #WFItem52313 .clearfix:after { visibility: hidden !important; display: block !important; font-size: 0 !important; content: " " !important; clear: both !important; height: 0 !important; } #WFItem52313 .clearer { clear:both !important; font-size:0.1px !important; height:0.1px !important; line-height:0.1px !important; width:100% !important; } #WFWrapper .close { background:url(http://www.getresponse.com/images/common/highslide/close.png) repeat scroll 0 0 transparent !important; cursorointer !important; height:30px !important; position:absolute !important; right:-15px !important; top:-15px !important; width:30px !important;z-index:1 !important; } #WFItem52313 .clrB {clear:both !important;text-align:left !important;} #WFItem52313 * html .clearfix { zoom: 1 !important; } #WFItem52313 *:first-child+html .clearfix { zoom: 1 !important; } #WFItem52313 .wf-contbox { width:100% !important; } li:before {content: "" !important;} #WFItem52313 form { display:inline-block !important; width:100% !important; } #WFItem52313 label { margin:0 !important; } #WFItem52313 p { line-height:18px !important; font-size:11px !important; } #WFItem52313 {width:230px !important;} #WFItem52313 { color:#555555 !important; font-family:Arial,Helvetica,sans-serif !important; font-size:12px !important;} #WFItem52313 .wf-body li { padding:10px 15px !important; clear:both !important; } #WFItem52313 .actTinyMceElBodyContent ul li { padding:3px !important; list-style-type:disc !important; } #WFItem52313 .actTinyMceElBodyContent ol li { padding:3px !important; list-style-type:decimal !important; } #WFItem52313 .actTinyMceElBodyContent ul { margin-left: 20px !important; } #WFItem52313 .actTinyMceElBodyContent ol { margin-left: 25px !important; } #WFItem52313 .actTinyMceElBodyContent ol ul, #WFItem52313 .actTinyMceElBodyContent ul ol, #WFItem52313 .actTinyMceElBodyContent ul ul, #WFItem52313 .actTinyMceElBodyContent ol ol { margin-top: 0 !important; margin-bottom: 0 !important; } #WFItem52313 .wf-body { background-color:#a6979b !important; background-image:none !important; background-position:left top !important; background-repeat:no-repeat !important; border-color:#92757d !important; border-width:0px !important; border-style:None !important; padding-left:0 !important; padding-right:0 !important; padding-top:0 !important; padding-bottom:0 !important; -webkit-border-top-left-radius: 0px !important; -moz-border-radius-topleft: 0px !important; border-top-left-radius: 0px !important;-webkit-border-top-right-radius: 0px !important; -moz-border-radius-topright: 0px !important; border-top-right-radius: 0px !important;-webkit-border-bottom-left-radius: 0px !important; -moz-border-radius-bottomleft: 0px !important; border-bottom-left-radius: 0px !important;-webkit-border-bottom-right-radius: 0px !important; -moz-border-radius-bottomright: 0px !important; border-bottom-right-radius: 0px !important; } #WFItem52313 .wf-header { color:#ffffff !important; background-color:#6b6262 !important; background-image:none !important; background-position:left top !important; background-repeat:no-repeat !important; border-color:#6b6262 !important; border-width:0px !important; border-style:None !important; padding-left:10px !important; padding-right:10px !important; padding-top:10px !important; padding-bottom:10px !important; display:block !important; min-height:42px !important; -webkit-border-top-left-radius: 0px !important; -moz-border-radius-topleft: 0px !important; border-top-left-radius: 0px !important;-webkit-border-top-right-radius: 0px !important; -moz-border-radius-topright: 0px !important; border-top-right-radius: 0px !important;-webkit-border-bottom-left-radius: 0px !important; -moz-border-radius-bottomleft: 0px !important; border-bottom-left-radius: 0px !important;-webkit-border-bottom-right-radius: 0px !important; -moz-border-radius-bottomright: 0px !important; border-bottom-right-radius: 0px !important; } #WFItem52313 .wf-footer { color:#ffffff !important; background-color:#6b6262 !important; background-image:none !important; background-position:left top !important; background-repeat:no-repeat !important; border-color:#6b6262 !important; border-width:0px !important; border-style:None !important; padding-left:10px !important; padding-right:10px !important; padding-top:10px !important; padding-bottom:10px !important; display:block !important; min-height:25px !important; -webkit-border-top-left-radius: 0px !important; -moz-border-radius-topleft: 0px !important; border-top-left-radius: 0px !important;-webkit-border-top-right-radius: 0px !important; -moz-border-radius-topright: 0px !important; border-top-right-radius: 0px !important;-webkit-border-bottom-left-radius: 0px !important; -moz-border-radius-bottomleft: 0px !important; border-bottom-left-radius: 0px !important;-webkit-border-bottom-right-radius: 0px !important; -moz-border-radius-bottomright: 0px !important; border-bottom-right-radius: 0px !important; } #WFItem52313 .wf-input { padding:2px 0 !important; font-family:Arial !important; font-size:12px !important; color:#000000 !important; font-weight:normal !important; font-style:normal !important; text-decoration:none !important; background-color:#FFFFFF !important; border-width:1px !important; border-color:#919191 !important; border-style:solid !important; width:100% !important; -webkit-border-top-left-radius: 0px !important; -moz-border-radius-topleft: 0px !important; border-top-left-radius: 0px !important;-webkit-border-top-right-radius: 0px !important; -moz-border-radius-topright: 0px !important; border-top-right-radius: 0px !important;-webkit-border-bottom-left-radius: 0px !important; -moz-border-radius-bottomleft: 0px !important; border-bottom-left-radius: 0px !important;-webkit-border-bottom-right-radius: 0px !important; -moz-border-radius-bottomright: 0px !important; border-bottom-right-radius: 0px !important; } #WFItem52313 .wf-label { font-family:Arial !important; font-size:12px !important; color:#ffffff !important; font-weight:bold !important; font-style:normal !important; text-decoration:none !important; padding-top:3px !important; padding-bottom:3px !important; padding-left:0 !important; padding-right:3px !important; display:block !important; } #WFItem52313 .wf-input { font-family:Arial !important; font-size:12px !important; color:#000000 !important; font-weight:normal !important; font-style:normal !important; text-decoration:none !important; background-color:#FFFFFF !important; border-width:1px !important; border-color:#919191 !important; border-style:solid !important; width:100% !important; -webkit-border-top-left-radius: 0px !important; -moz-border-radius-topleft: 0px !important; border-top-left-radius: 0px !important;-webkit-border-top-right-radius: 0px !important; -moz-border-radius-topright: 0px !important; border-top-right-radius: 0px !important;-webkit-border-bottom-left-radius: 0px !important; -moz-border-radius-bottomleft: 0px !important; border-bottom-left-radius: 0px !important;-webkit-border-bottom-right-radius: 0px !important; -moz-border-radius-bottomright: 0px !important; border-bottom-right-radius: 0px !important; } #WFItem52313 .wf-button { font-family:Arial !important; font-size:16px !important; color:#565050 !important; font-weight:bold !important; font-style:normal !important; text-decoration:none !important; background-color:#fce731 !important; border-width:1px !important; border-color:#000000 !important; border-style:solid !important; padding-left:10px !important; padding-right:10px !important; padding-top:4px !important; padding-bottom:4px !important; font-size:14px !important; font-family:Arial !important; -webkit-border-top-left-radius: 0px !important; -moz-border-radius-topleft: 0px !important; border-top-left-radius: 0px !important;-webkit-border-top-right-radius: 0px !important; -moz-border-radius-topright: 0px !important; border-top-right-radius: 0px !important;-webkit-border-bottom-left-radius: 0px !important; -moz-border-radius-bottomleft: 0px !important; border-bottom-left-radius: 0px !important;-webkit-border-bottom-right-radius: 0px !important; -moz-border-radius-bottomright: 0px !important; border-bottom-right-radius: 0px !important; } #WFItem52313 .wf-submit { text-align:right !important; } #WFItem52313 .wf-labelpos { float:none !important; width:auto !important; text-align:left !important; }#WFItem52313 .wf-inputpos { float:none !important; width:auto !important; } #WFItem52313 .wf-privacy { font-family:Arial !important; font-size:12px !important; color:#ffffff !important; font-weight:normal !important; font-style:italic !important; text-decoration:none !important; text-align:center !important; } #WFItem52313 .wf-privacyico { padding:4px 0 0 20px !important; background:url(http://www.getresponse.com/images/core/webforms/lock.png) no-repeat left center !important; } #WFItem52313 .wf-counter { font-family:Arial !important; font-size:12px !important; color:#44454f !important; font-weight:bold !important; font-style:normal !important; text-decoration:none !important; text-align:center !important; } #WFItem52313 .wf-poweredby { font-family:Arial !important; font-size:10px !important; color:#ffffff !important; font-weight:normal !important; font-style:italic !important; text-decoration:none !important; text-align:center !important; } #WFItem52313 .wf-link { font-family:Arial !important; font-size:12px !important; color:#ffffff !important; font-weight:normal !important; font-style:normal !important; text-decoration:none !important; } #WFItem52313 .wf-link:hover { font-family:Arial !important; font-size:12px !important; color:#ffffff !important; font-weight:normal !important; font-style:normal !important; text-decoration:none !important; } #WFItem52313 .wf-text { font-family:Arial !important; font-size:12px !important; color:#ffffff !important; } #WFItem52313 .wf-divider { border-top-width:1px !important; border-color:#ffffff !important; border-style:solid !important; } #WFItem52313 .wf-image { text-align:center !important; } #WFItem52313 .wf-privacylink { color:#ffffff !important; font-style:italic !important; } #WFItem52313 .wf-imgbox { overflow:hidden !important; } #WFItem52313 .wf-rc-reload { display:inline-block !important; width:16px !important; height:16px !important; overflow:hidden !important; text-indent:-99999px !important; position:relative !important; top:3px !important; margin-left:3px !important; background: url(http://www.getresponse.com/images/core/webforms/captchaico.png) no-repeat 0 -32px !important; } #WFItem52313 .wf-rc-audio { display:inline-block !important; width:16px !important; height:16px !important; overflow:hidden !important; text-indent:-99999px !important; position:relative !important; top:3px !important; margin-left:3px !important; background: url(http://www.getresponse.com/images/core/webforms/captchaico.png) no-repeat 0 0 !important; } #WFItem52313 .wf-rc-image { display:inline-block !important; width:16px !important; height:16px !important; overflow:hidden !important; text-indent:-99999px !important; position:relative !important; top:3px !important; margin-left:3px !important; background: url(http://www.getresponse.com/images/core/webforms/captchaico.png) no-repeat 0 -16px !important; } #WFItem52313 #recaptcha_image { width:200px !important; height:38px !important; } #WFItem52313 #recaptcha_image img { width:200px !important; height:38px !important; } #WFItem52313 .wf-rc-boxm { width:200px !important; margin:0 auto !important; overflow:hidden !important; } #WFItem52313 .wf-header { background-color: transparent !important; background-image: none !important; padding-right: 0 !important; min-height:75px !important; color: #303030 !important; } #WFItem52313 .wf-body { background-color: transparent !important; } #WFItem52313 .wf-footer { background-color: transparent !important; min-height:20px !important; } #WFItem52313 .wf-label { color: #303030 !important; font-weight:bold !important; } #WFItem52313 .wf-button { background-color: #ddd !important; color: inherit !important; border-width:1px !important; border-color:#707070 !important; } #WFItem52313 .wf-text { color:#85369a !important; } #WFItem52313 .wf-privacylink, #WFItem52313 .wf-privacy { background: none !important; padding: 0 !important; text-align: center !important; color: #303030 !important; } #WFItem52313 .wf-submit { text-align:right !important; } #WFItem52313 .wf-labelpos { float:left !important; width:33% !important; text-align:left !important; } #WFItem52313 .wf-inputpos { float:right !important; width:66% !important; } </style><div id="WFItem52313" class="wf-formTpl"><form accept-charset="utf-8" action="http://www.getresponse.com/add_contact_webform.html" method="post"> <div class="box"><div id="WFIheader" class="wf-header el" style="height: 75px; display: block !important;"> <div class="actTinyMceElBodyContent"> <p> <span style="font-size: 24px;">Headline</span> </p> </div> <em class="clearfix clearer"></em></div><div id="WFIcenter" class="wf-body"><ul class="wf-sortable" id="wf-sort-id"> <li class="wf-name" rel="undefined" style="display: block !important;"><div class="wf-contbox"> <div class="wf-labelpos"> <label class="wf-label">Name:</label> </div> <div class="wf-inputpos"> <input type="text" class="wf-input wf-valid__length1to255" name="name"></input> </div> <em class="clearfix clearer"></em> </div></li><li class="wf-email" rel="undefined" style="display: block !important;"><div class="wf-contbox"> <div class="wf-labelpos"> <label class="wf-label">Email:</label> </div> <div class="wf-inputpos"> <input type="text" class="wf-input wf-req wf-valid__email" name="email"></input> </div> <em class="clearfix clearer"></em> </div></li><li class="wf-submit" rel="undefined" style="display: block !important;"><div class="wf-contbox"> <div class="wf-inputpos"> <input type="submit" style="width: 86px ! important; display: inline !important;" value="Sign Up!" class="wf-button" name="submit"></input> </div> <em class="clearfix clearer"></em> </div></li><li class="wf-counter" rel="undefined" style="display: none !important;"><div class="wf-contbox"><div><span style="padding: 4px 6px 8px 24px; background: url(http://www.getresponse.com/images/core/webforms/countertemplates.png) no-repeat scroll left 0pt transparent;" class="wf-counterbox"><span class="wf-counterboxbg" style="padding: 4px 12px 8px 5px; background: url(http://www.getresponse.com/images/core/webforms/countertemplates.png) no-repeat scroll right -36px transparent;"><span class="wf-counterbox0" style="padding: 5px 0pt;"></span><span style="padding: 5px;" name="http://www.getresponse.com/display_subscribers_count.js?campaign_name=t7fnmain&var=0" class="wf-counterbox1 wf-counterq">4</span><span style="padding: 5px 0pt;" class="wf-counterbox2"> subscribers</span></span></span></div></div></li><li class="wf-captcha" rel="undefined" style="display: none !important;"> <div wf-captchaerror="Incorrect please try again" wf-captchasound="Enter the numbers you hear:" wf-captchaword="Enter the words above:" class="wf-contbox wf-captcha-1" id="wf-captcha-1"> </div> </li><li class="wf-privacy" rel="undefined" style="display: block !important;"><div class="wf-contbox"><div><a style="height: 14px ! important; display: inline ! important;" class="wf-privacy wf-privacyico" href="http://www.getresponse.com/permission-seal">We respect your privacy<em class="clearfix clearer"></em></a></div><em class="clearfix clearer"></em></div></li><li class="wf-poweredby" rel="undefined" style="display: block !important;"><div class="wf-contbox"><div><span class="wf-poweredby wf-poweredbyico"><a style="display: inline !important;" class="wf-poweredbylink wf-poweredby" href="http://www.getresponse.com/">Email Marketing</a> by GetResponse</span></div></div></li> </ul></div><div id="WFIfooter" class="wf-footer el" style="height: 20px; display: block !important;"> <div class="actTinyMceElBodyContent"></div> <em class="clearfix clearer"></em></div></div> <input type="hidden" name="webform_id" value="52313"/></form></div><script type="text/javascript" src="http://www.getresponse.com/view_webform.js?wid=52313&mg_param1=1"></script> My site is http://www.AffiliatedNetworker.com As of now, it just sits there.
Not too hard to do but you may want to consider using tables because aligning on top of an image will have a different effect in different browsers