FabulousHelp
|
I placed the following code in the header and it works in firefox but I cannot get it aligned in internet explorer... For some reason I can't get the "submit" button centered - maybe that would help. ADVICE please? (see http://www.divinitypersonified.com)
Thanks
<div class="optin">
<style>
.signupframe {
border: 0px solid #0061DE;
background: #0061DE;
color: #ffffff;
font-family: Arial, Helvetica, sans-serif;
position:absolute;
right:10px;
top:137px;
z-index:1;
}
</style>
<form method=post action="https://app.icontact.com/icp/signup.php" name="icpsignup" accept-charset="UTF-8" onsubmit="return verifyRequired();" >
<input type=hidden name=redirect value="http://divinitypersonified.com/?page_id=56/" />
<input type=hidden name=errorredirect value="http://www.icontact.com/www/signup/error.html" />
<script type="text/javascript">
if (document.location.protocol === "https:")
document.icpsignup.action = "https://app.icontact.com/icp/signup.php";
function verifyRequired() {
if (document.icpsignup["fields_email"].value == "") {
document.icpsignup["fields_email"].focus();
alert("The Email field is required.");
return false;
}
return true;
}
</script>
<div id="SignUp">
<table width="190" class="signupframe" border="0" cellspacing="0" cellpadding="1">
<tr>
<td valign=top align=right>
<font size="1" face="Arial,Helvetica, sans-serif"></font> <font size="1">Email*</font>
</td>
<td align=left>
<input type=text name="fields_email">
</td>
</tr>
<td valign=top align=left>
<font size="1"> Name</font>
</td>
<td align=left>
<input type=text name="fields_fname">
</td>
</tr>
<input type=hidden name="listid" value="112709">
<input type=hidden name="specialid:112709" value="NAPO">
<input type=hidden name=clientid value="290466">
<input type=hidden name=formid value="8760">
<input type=hidden name=reallistid value="1">
<input type=hidden name=doubleopt value="0">
<TR>
<TD> </TD>
<TD></TD>
</TR> <tr> <td> </td> <tr> <td><td valign=top align=center><input type="Submit" name="Submit" value="Send Me My FREE Report Now"></td> </tr> </table></form>
</div></div>
|
| |
Garry
|
You can add desired left margin to your button as in following submit code:
<tr> <td><td valign=top align=center><input type="Submit" name="Submit" value="Send Me My FREE Report Now"></td> </tr>
can change it like:
<tr> <td style="margin-right:10px" valign=top align=center><input type="Submit" name="Submit" value="Send Me My FREE Report Now"></td> </tr>
|
| |
enrollfrom
|
I tried to follow same advice but cannot get opt-in box to align properly. It's currently right aligned but I want the margin to come further to the left (about 30px). Please tell me what I'm missing. Thank you!!!
See http://enrollfromthesoul.com.previewdns.com/
|
| |
Garry
|
In your style.css try adding margin-right: 30px; to ID "joinformtable"
|
| |