Html squeeze page bug
When I insert my optin form code, it appears like this. The optin up form has no background.
I want to see a white background for the optin form like the Headline and the text..
<html> <head> <meta content="text/html; charset=ISO-8859-1" http-equiv="content-type"> <title>Auto Funnel Machine</title> </head> <body style="color: rgb(0, 0, 0); background-color: rgb(239, 239, 239);" alink="#000099" link="#000099" vlink="#990099"> <center> <div style="margin-left: 0px; width: 819px;" align="center"><br> <p style="padding-top: 25px; padding-bottom: 15px; background-color: white; background-image: none; background-repeat: repeat; background-attachment: scroll; text-align: center; margin-top: -30px; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; color: rgb(177, 0, 0); width: 819px; font-family: Adobe Arabic; font-weight: bold;"><big><big><big><big><big><big><big><small>< span style="font-family: Arial;">Steal The EXACT Funnel That a Guy Uses To Make <span style="text-decoration: underline;">$50k In Profits With Just 2 Hours</span> Of Work!</span><small><small><small><span style="font-family: Myriad Pro Light; font-weight: normal;"></span></small></small></small></small></big></big></big></big></big></big></big></p> </div> <p style="padding: 15px; background: rgb(255, 255, 255) none repeat scroll 0% 50%; text-align: center; margin-top: -20px; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; color: rgb(6, 6, 6); width: 791px; font-family: Arial;"><big><big><big>Enter Your Email Address Below To Find Out How!</big></big></big></p> <p style="padding: 15px; background: rgb(255, 255, 255) none repeat scroll 0% 50%; text-align: center; margin-top: -20px; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; color: white; width: 791px; font-family: Open Sans;"><big><big><big><big><span style="color: rgb(68, 68, 68);"><img style="width: 303px; height: 110px;" alt="" src="3arrowsdown18.png"><br> </span></big></big></big></big></p> <p style="padding: 5px; background: rgb(255, 255, 255) none repeat scroll 0% 50%; text-align: center; margin-top: -20px; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; color: white; width: 811px;"><big><span style="font-weight: bold; font-family: Lato;"><span style="color: black;"><!-- AWeber Web Form Generator 3.0.1 --> <style type="text/css"> #af-form-2083589514 .af-body .af-textWrap{width:98%;display:block;float:none;} #af-form-2083589514 .af-body .privacyPolicy{color:#CCCCCC;font-size:11px;font-family:Verdana, sans-serif;} #af-form-2083589514 .af-body a{color:#CCCCCC;text-decoration:underline;font-style:normal;font-weight:normal;} #af-form-2083589514 .af-body input.text, #af-form-2083589514 .af-body textarea{background-color:#FFFFFF;border-color:#D9D9D9;border-width:4px;border-style:solid;color:#C7C7C7;text-decoration:none;font-style:normal;font-weight:normal;font-size:24px;font-family:Arial, sans-serif;} #af-form-2083589514 .af-body input.text:focus, #af-form-2083589514 .af-body textarea:focus{background-color:#FFFAD6;border-color:#030303;border-width:1px;border-style:solid;} #af-form-2083589514 .af-body label.previewLabel{display:block;float:none;text-align:left;width:auto;color:#CCCCCC;text-decoration:none;font-style:normal;font-weight:normal;font-size:24px;font-family:Helvetica, sans-serif;} #af-form-2083589514 .af-body{padding-bottom:15px;padding-top:15px;background-repeat:no-repeat;background-position:inherit;background-image:none;color:#CCCCCC;font-size:11px;font-family:Verdana, sans-serif;} #af-form-2083589514 .af-quirksMode{padding-right:60px;padding-left:60px;} #af-form-2083589514 .af-standards .af-element{padding-right:60px;padding-left:60px;} #af-form-2083589514 .buttonContainer input.submit{background-color:#0479c2;background-image:url("http://nostressprofit.com/wp-content/uploads/2015/07/large-letmeinnow.png");color:#FFFFFF;text-decoration:none;font-style:normal;font-weight:normal;font-size:18px;font-family:Helvetica, sans-serif;} #af-form-2083589514 .buttonContainer input.submit{width:auto;} #af-form-2083589514 .buttonContainer{text-align:right;} #af-form-2083589514 button,#af-form-2083589514 input,#af-form-2083589514 submit,#af-form-2083589514 textarea,#af-form-2083589514 select,#af-form-2083589514 label,#af-form-2083589514 optgroup,#af-form-2083589514 option{float:none;position:static;margin:0;} #af-form-2083589514 div{margin:0;} #af-form-2083589514 form,#af-form-2083589514 textarea,.af-form-wrapper,.af-form-close-button,#af-form-2083589514 img{float:none;color:inherit;position:static;backg round-color:none;border:none;margin:0;padding:0;} #af-form-2083589514 input,#af-form-2083589514 button,#af-form-2083589514 textarea,#af-form-2083589514 select{font-size:100%;} #af-form-2083589514 select,#af-form-2083589514 label,#af-form-2083589514 optgroup,#af-form-2083589514 option{padding:0;} #af-form-2083589514,#af-form-2083589514 .quirksMode{width:100%;max-width:590px;} #af-form-2083589514.af-quirksMode{overflow-x:hidden;} #af-form-2083589514{background-color:transparent;border-color:#CFCFCF;border-width:1px;border-style:none;} #af-form-2083589514{display:block;} #af-form-2083589514{overflow:hidden;} .af-body .af-textWrap{text-align:left;} .af-body input.image{border:none!important;} .af-body input.submit,.af-body input.image,.af-form .af-element input.button{float:none!important;} .af-body input.text{width:100%;float:none;padding:2px!impor tant;} .af-body.af-standards input.submit{padding:4px 12px;} .af-clear{clear:both;} .af-element label{text-align:left;display:block;float:left;} .af-element{padding:5px 0;} .af-form-wrapper{text-indent:0;} .af-form{text-align:left;margin:auto;} .af-quirksMode .af-element{padding-left:0!important;padding-right:0!important;} .lbl-right .af-element label{text-align:right;} body { } </style> <form method="post" class="af-form-wrapper" accept-charset="UTF-8" action="https://www.aweber.com/scripts/addlead.pl"> <div style="display: none;"><input name="meta_web_form_id" value="2083589514" type="hidden"> <input name="meta_split_id" value="" type="hidden"><input name="listname" value="awlist3941116" type="hidden"> <input name="redirect" value="https://www.aweber.com/thankyou.htm?m=default" id="redirect_4f9fa957283e5532610b4a8124503178" type="hidden"><input name="meta_adtracking" value="My_Web_Form_3" type="hidden"> <input name="meta_message" value="1" type="hidden"><input name="meta_required" value="email" type="hidden"> <input name="meta_tooltip" value="email||Email address..." type="hidden"></div> <div id="af-form-2083589514" class="af-form"> <div id="af-body-2083589514" class="af-body af-standards"> <div class="af-element"><label class="previewLabel" for="awf_field-74864759"></label> <div class="af-textWrap"><input class="text" id="awf_field-74864759" name="email" value="Email address..." tabindex="500" onfocus=" if (this.value == 'Email address...') { this.value = ''; }" onblur="if (this.value == '') { this.value='Email address...';} " type="text"></div> </div> <div class="af-element buttonContainer"> <input name="submit" id="af-submit-image-2083589514" class="image" style="background: transparent none repeat scroll 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; max-width: 100%;" alt="Submit Form" src="http://nostressprofit.com/wp-content/uploads/2015/07/large-letmeinnow.png" tabindex="501" type="image"> </div> <div class="af-element privacyPolicy" style="text-align: center;"> <p>We respect your <a title="Privacy Policy" href="https://www.aweber.com/permission.htm" target="_blank" rel="nofollow">email privacy</a></p> </div> </div> </div> <div style="display: none;"><img src="https://forms.aweber.com/form/displays.htm?id=TAwczKwcnKyMLA==" alt=""></div> </form> <script type="text/javascript"> <!-- (function() { var IE = /*@cc_on!@*/false; if (!IE) { return; } if (document.compatMode && document.compatMode == 'BackCompat') { if (document.getElementById("af-form-2083589514")) { document.getElementById("af-form-2083589514").className = 'af-form af-quirksMode'; } if (document.getElementById("af-body-2083589514")) { document.getElementById("af-body-2083589514").className = "af-body inline af-quirksMode"; } if (document.getElementById("af-header-2083589514")) { document.getElementById("af-header-2083589514").className = "af-header af-quirksMode"; } if (document.getElementById("af-footer-2083589514")) { document.getElementById("af-footer-2083589514").className = "af-footer af-quirksMode"; } } })(); --> </script> <!-- /AWeber Web Form Generator 3.0.1 --></span></span></big></p> <p style="padding: 5px; background: rgb(255, 255, 255) none repeat scroll 0% 50%; text-align: center; margin-top: -20px; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; color: white; width: 811px;"><br> <big><span style="font-weight: bold; font-family: Lato;"><span style="color: black;"></span></span></big></p> <p style="padding: 5px; background: rgb(255, 255, 255) none repeat scroll 0% 50%; text-align: center; margin-top: -20px; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; color: white; width: 811px;"><big><span style="font-weight: bold; font-family: Lato;"><span style="color: black;"><br> </span></span></big></p> <p style="padding: 5px; background: rgb(255, 255, 255) none repeat scroll 0% 50%; text-align: center; margin-top: -20px; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; color: white; width: 811px;"><br> <big><span style="font-weight: bold; font-family: Lato;"><span style="color: black;"></span></span></big></p> <p style="padding: 5px; background: rgb(255, 255, 255) none repeat scroll 0% 50%; text-align: center; margin-top: -20px; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; color: white; width: 811px;"><big><span style="font-weight: bold; font-family: Lato;"><span style="color: black;"><br> </span></span></big></p> <p style="padding: 15px; background: rgb(255, 255, 255) none repeat scroll 0% 50%; text-align: left; margin-top: -20px; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; color: white; width: 791px; font-family: Arial;"><big><span style="color: black;"><big>See you inside!</big></span></big></p> <div style="text-align: center; font-family: Lato Light; margin-left: 59px; width: 710px;"><small style="color: rgb(3, 3, 3);">Copyright © 2015 Your_Website_Name All Rights Reserved.<br> <br> Contact - Privacy Policy - Terms Of Use<span style="font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 30px; text-align: center; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px; display: inline ! important; float: none; background-color: rgb(0, 0, 0);"><span class="Apple-converted-space"></span></span><span style="font-size: 13px; line-height: 30px; text-decoration: none ! important; padding-top: 27px; text-align: center; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px; background-color: rgb(0, 0, 0);"></span><span style="font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 30px; text-align: center; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px; display: inline ! important; float: none; background-color: rgb(0, 0, 0);"><span class="Apple-converted-space"></span></span></small><span style="color: rgb(3, 3, 3);"> </span><br> </div> <br> <br> </center> </body> </html> |
Need help urgently!
Thanks,
Hamza Bk.
Content writer, web developer, SEO consultant - Ynef's Portfolio
Content writer, web developer, SEO consultant - Ynef's Portfolio