Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New to the CF scene
    Join Date
    May 2012
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Please help me on my optin form template.

    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.

    <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:



    I hope you could have a chance.

    Thanks for at least viewing this thread.

    Sincerely,
    magiclouie

  • #2
    New to the CF scene
    Join Date
    May 2012
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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>


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •