...

View Full Version : Please help me on my optin form template.



magiclouie
05-28-2012, 03:34 PM
Hello CF members,

Please Please Please help.... , the optin form template looks messy. I increased the table width to 900 because I need to, so please help me. :confused:

<body bgcolor="#FFFFFF" text="#333333" link="#0000CC" vlink="#0000CC" alink="#0000CC" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<div align="center">
<table width="900" border="0" cellspacing="0" cellpadding="0">
<tr>

<!-- Form begins here -->

<td width="900"><form id="form1" name="form1" method="post" action="">

<table width="900" border="0" cellpadding="0" cellspacing="0" background="http://morebusinesswithlessagents.com/wp-content/uploads/2012/05/background.jpg">
<tr>
<td colspan="2"><img src="http://morebusinesswithlessagents.com/wp-content/uploads/2012/05/header.jpg" width="900" height="23" /></td>
</tr>
<tr>
<td width="549" height="134" valign="top"><table width="549" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="549" height="18" valign="top"><table width="549" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="7%"><img src="http://morebusinesswithlessagents.com/wp-content/uploads/2012/05/spacer.gif" width="31" height="1" /></td>
<td width="87%"><div align="left"><strong><font color="#00637D" size="6" face="Arial, Helvetica, sans-serif">Get The Free Newsletter </font></strong></div></td>
<td width="6%">&nbsp;</td>
</tr>
</table></td>
</tr>
<tr>
<td><img src="http://morebusinesswithlessagents.com/wp-content/uploads/2012/05/divider.jpg" width="549" height="23" /></td>
</tr>
<tr>
<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="5%" height="94"><img src="http://morebusinesswithlessagents.com/wp-content/uploads/2012/05/spacer.gif" width="24" height="1" /></td>
<td width="89%" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="6">
<tr>
<td width="6%" height="53" valign="top"><img src="http://morebusinesswithlessagents.com/wp-content/uploads/2012/05/checkmark.jpg" width="23" height="20" /></td>
<td width="91%" valign="top"><font size="3" face="Arial, Helvetica, sans-serif">This is where your first attention grabbing bullet point goes that gives people the most important benefit to subscribing.</font></td>
</tr>
<tr>
<td height="53" valign="top"><img src="http://morebusinesswithlessagents.com/wp-content/uploads/2012/05/checkmark.jpg" width="23" height="20" /></td>
<td valign="top"><font size="3" face="Arial, Helvetica, sans-serif">You can add your second bullet point here, again sell people on the reason why they should subscribe to your newsletter.</font></td>
</tr>
<tr>
<td height="53" valign="top"><img src="http://morebusinesswithlessagents.com/wp-content/uploads/2012/05/checkmark.jpg" width="23" height="20" /></td>
<td valign="top"><font size="3" face="Arial, Helvetica, sans-serif">Finally add your third bullet point here giving your website visitors the ultimate benefit to subscribing.</font> </td>
</tr>
<tr>
<td height="30" valign="top">&nbsp;</td>
<td valign="top">&nbsp;</td>
</tr>
</table></td>
<td width="6%">&nbsp;</td>
</tr>
</table></td>
</tr>
</table></td>
<td width="342" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="59" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="13%"><img src="http://morebusinesswithlessagents.com/wp-content/uploads/2012/05/spacer.gif" width="100" height="1" /></td>
<td width="84%"><font color="#FFFFFF" size="3" face="Arial, Helvetica, sans-serif"><strong>Enter your name and email address below and click the free instant access button now... </strong></font></td>
<td width="3%">&nbsp;</td>
</tr>
</table></td>
</tr>
<tr>
<td height="46" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="6%"><img src="http://morebusinesswithlessagents.com/wp-content/uploads/2012/05/spacer.gif" width="21" height="1" /></td>
<td width="90%"><table width="100%" border="0" cellspacing="0" cellpadding="4">
<tr>
<td><img src="http://morebusinesswithlessagents.com/wp-content/uploads/2012/05/spacer.gif" width="1" height="3" /></td>
</tr>
<tr>
<td><strong><font color="#FFFFFF" size="-1" face="Arial, Helvetica, sans-serif">Your first name: </font></strong></td>
</tr>
<tr>
<td><input name="textfield" type="text" size="27" /></td>
</tr>

<tr>
<td><strong><font color="#FFFFFF" size="-1" face="Arial, Helvetica, sans-serif">Your primary email address: </font></strong></td>
</tr>
<tr>
<td><input name="textfield2" type="text" size="27" /></td>
</tr>
</table></td>
<td width="4%">&nbsp;</td>
</tr>
</table></td>
</tr>
<tr>
<td><input name="submit" type="image" id="submit" src="http://morebusinesswithlessagents.com/wp-content/uploads/2012/05/button.jpg" width="351" /></td>
</tr>
<tr>
<td>&nbsp;</td>
</tr>
</table></td>
</tr>
<tr>
<td colspan="2"><img src="http://morebusinesswithlessagents.com/wp-content/uploads/2012/05/footer.jpg" width="900" height="28" border="0" /></a></td>
</tr>
</table>

</form>

<!-- Form ends here -->

</td>
</tr>
</table>
</div>
</body>

Here's the screenshot:

http://morebusinesswithlessagents.com/wp-content/uploads/2012/05/messy-screenshot.jpg

I hope you could have a chance.

Thanks for at least viewing this thread.

Sincerely,
magiclouie

magiclouie
05-28-2012, 03:34 PM
Here's the original code:

<body bgcolor="#FFFFFF" text="#333333" link="#0000CC" vlink="#0000CC" alink="#0000CC" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table width="733" border="0" cellspacing="0" cellpadding="0">
<tr>

<!-- Form begins here -->

<td><form id="form1" name="form1" method="post" action="">

<table width="733" border="0" cellpadding="0" cellspacing="0" background="http://morebusinesswithlessagents.com/wp-content/uploads/2012/05/background.jpg">
<tr>
<td colspan="2"><img src="http://morebusinesswithlessagents.com/wp-content/uploads/2012/05/header.jpg" width="733" height="23" /></td>
</tr>
<tr>
<td width="448" height="134" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="6%" height="18" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="7%"><img src="http://morebusinesswithlessagents.com/wp-content/uploads/2012/05/spacer.gif" width="31" height="1" /></td>
<td width="87%"><div align="left"><strong><font color="#00637D" size="6" face="Arial, Helvetica, sans-serif">Get The Free Newsletter </font></strong></div></td>
<td width="6%">&nbsp;</td>
</tr>
</table></td>
</tr>
<tr>
<td><img src="http://morebusinesswithlessagents.com/wp-content/uploads/2012/05/divider.jpg" width="447" height="23" /></td>
</tr>
<tr>
<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="5%" height="94"><img src="http://morebusinesswithlessagents.com/wp-content/uploads/2012/05/spacer.gif" width="24" height="1" /></td>
<td width="89%" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="6">
<tr>
<td width="6%" height="53" valign="top"><img src="http://morebusinesswithlessagents.com/wp-content/uploads/2012/05/checkmark.jpg" width="23" height="20" /></td>
<td width="91%" valign="top"><font size="3" face="Arial, Helvetica, sans-serif">This is where your first attention grabbing bullet point goes that gives people the most important benefit to subscribing.</font></td>
</tr>
<tr>
<td height="53" valign="top"><img src="http://morebusinesswithlessagents.com/wp-content/uploads/2012/05/checkmark.jpg" width="23" height="20" /></td>
<td valign="top"><font size="3" face="Arial, Helvetica, sans-serif">You can add your second bullet point here, again sell people on the reason why they should subscribe to your newsletter.</font></td>
</tr>
<tr>
<td height="53" valign="top"><img src="http://morebusinesswithlessagents.com/wp-content/uploads/2012/05/checkmark.jpg" width="23" height="20" /></td>
<td valign="top"><font size="3" face="Arial, Helvetica, sans-serif">Finally add your third bullet point here giving your website visitors the ultimate benefit to subscribing.</font> </td>
</tr>
<tr>
<td height="30" valign="top">&nbsp;</td>
<td valign="top">&nbsp;</td>
</tr>
</table></td>
<td width="6%">&nbsp;</td>
</tr>
</table></td>
</tr>
</table></td>
<td width="285" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="59" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="9%"><img src="http://morebusinesswithlessagents.com/wp-content/uploads/2012/05/spacer.gif" width="25" height="1" /></td>
<td width="88%"><font color="#FFFFFF" size="3" face="Arial, Helvetica, sans-serif"><strong>Enter your name and email address below and click the free instant access button now... </strong></font></td>
<td width="3%">&nbsp;</td>
</tr>
</table></td>
</tr>
<tr>
<td height="46" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="6%"><img src="http://morebusinesswithlessagents.com/wp-content/uploads/2012/05/spacer.gif" width="21" height="1" /></td>
<td width="90%"><table width="100%" border="0" cellspacing="0" cellpadding="4">
<tr>
<td><img src="http://morebusinesswithlessagents.com/wp-content/uploads/2012/05/spacer.gif" width="1" height="3" /></td>
</tr>
<tr>
<td><strong><font color="#FFFFFF" size="-1" face="Arial, Helvetica, sans-serif">Your first name: </font></strong></td>
</tr>
<tr>
<td><input name="textfield" type="text" size="27" /></td>
</tr>

<tr>
<td><strong><font color="#FFFFFF" size="-1" face="Arial, Helvetica, sans-serif">Your primary email address: </font></strong></td>
</tr>
<tr>
<td><input name="textfield2" type="text" size="27" /></td>
</tr>
</table></td>
<td width="4%">&nbsp;</td>
</tr>
</table></td>
</tr>
<tr>
<td><input name="submit" type="image" id="submit" src="http://morebusinesswithlessagents.com/wp-content/uploads/2012/05/button.jpg" /></td>
</tr>
<tr>
<td>&nbsp;</td>
</tr>
</table></td>
</tr>
<tr>
<td colspan="2"><img src="http://morebusinesswithlessagents.com/wp-content/uploads/2012/05/footer.jpg" width="733" height="28" border="0" /></a></td>
</tr>
</table>

</form>

<!-- Form ends here -->

</td>
</tr>
</table>
</body>



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum