problem with template design

More
22 Nov 2010 19:08 #451 by fezzicnex
i'm having problems with my template. it looks good in the edit template view, but once i go to send the campaign email it looks messed up. Any ideas? see images below. i attached a modified version of the jrightcolumn template.

[img

[img

Code:
<html> <body leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" offset="0" bgcolor='#314a66' > <STYLE> .headerTop { background-color:#95989F; border-top:0px solid #000000; text-align:center; } .adminText { font-size:10px; color:#314a66; line-height:200%; font-family:verdana; text-decoration:none; } .headerBar { background-color:#314a66; color: #FFFFFF; border-top:0px solid #333333; } #headerBar .primary-heading { margin-top:20px; font-size: 40px; font-weight: bold; color: #FFFFFF; font-family: Helvetica; margin: 0; } #headerBar .secondary-heading { margin-top:10px; color:#EEEEEE; font-size: 14px; font-weight: normal; } .title { font-size:20px; font-weight:bold; color:#446AA9; font-family:arial; line-height:110%; } .subTitle { font-size:11px; font-weight:normal; color:#446AA9; font-style:italic; font-family:arial; } td { font-size:12px; color:#000000; line-height:150%; font-family:trebuchet ms; } .sideColumn { background-color:#FFFFFF; border-left:1px dashed #CCCCCC; text-align:left; } .sideColumnText { font-size:11px; font-weight:normal; color:#999999; font-family:arial; line-height:150%; } .sideColumnTitle { font-size:15px; font-weight:bold; color:#333333; font-family:arial; line-height:150%; } .footerRow { background-color:#95989F; font-size:10px; color:#446AA9; line-height:100%; font-family:verdana; } a { color:#23224F; } </STYLE> <table width="100%" cellpadding="10" cellspacing="0" bgcolor='#314a66' class="backgroundTable" > <tr> <td valign="top" align="center"> <table id="contentTable" width="600" cellpadding="0" cellspacing="0"> <tr> <td class="headerTop" style="background-color:#95989F;border-top:0px solid #000000;text-align:center;" align="center"><span style="font-size:10px;color:#446AA9;line-height:200%;font-family:verdana;text-decoration:none;">Email not displaying correctly? <a href="*|ARCHIVE|*?phpMyAdmin=2b02c4da2ce27t703cbb3br21ce" style="font-size:10px;color:#446AA9;line-height:200%;font-family:verdana;text-decoration:none;">View it in your browser.</a></span></td> </tr> <tr> <td id="headerBar" style="text-align:center; background:#314a66 url(header9.jpg) no-repeat; height:166px;"> <h1 class="primary-heading"> Sigma Monthly Newsletter </h1> <h2 class="secondary-heading"> We've got some awesome new content & features on the site... </h2> </td> </tr> </table> <table width="600" cellpadding="20" cellspacing="0" bgcolor="#FFFFFF" class="bodyTable"> <tr> <td class="defaultText" bgcolor="#FFFFFF" valign="top" width="485" style="font-size:12px;color:#000000;line-height:150%;font-family:trebuchet ms;"> <#intro_content#> <#repeater#> <br /> <span class="mainColumnTitle" style="font-size: 20px; font-weight: bold; color: #446AA9; font-family: arial; line-height: 110%;"> <#title#> </span> <#content#> <br /> <#/repeater#> </td> <td class="sideColumn" width="115" valign="top" style="background-color:#FFFFFF;border-left:1px dashed #CCCCCC;text-align:left;"> <span class="sideColumnText"> <#sidebar#> <#tableofcontents#> <br /> <span class="sideColumnTitle">In this issue</span> <ul> <#title_repeater#> <li><#article_title#></li> <#/title_repeater#> </ul> <br /> <#/tableofcontents#> <#populararticles#> <br /> <span class="sideColumnTitle">Popular Articles</span> <ul> <#popular_repeater#> <li><#popular_title#></li> <#/popular_repeater#> </ul> <br /> <#/populararticles#> <#vm_products#> <br /> <span class="sideColumnTitle">Top Products</span> <table> <#vm_repeater#> <tr> <td align="center"> <p> <#vm_content#> </p> </td> </tr> <#/vm_repeater#> </table> <br /> <#/vm_products#> <br /> <#twitter#> <span class="sideColumnTitle" style="font-size:15px;font-weight:bold;color:#333333;font-family:arial;line-height:150%;"> Follow us </span> <br /> <a href="http://twitter.com/<#twitter-name#>"><img src="twitter.png" id="twitterIcon" /></a> <#/twitter#> <#facebook#> <a href="<?phpMyAdmin=2b02c4da2ce27t703cbb3br21ce#facebook-url#>"><img src="facebook.png" id="facebookIcon" /></a> <#/facebook#> <#myspace#> <a href="http://www.myspace.com/<#myspace-name#>"><img src="myspace.png" id="myspaceIcon" /></a> <#/myspace#> <#facebook_share#> <a href="http://www.facebook.com/sharer.php?u=*|ARCHIVE|*"><img src="facebookShare.jpg" /></a> <#/facebook_share#> </span> </td> </tr> <tr> <td class="footerRow" style="background-color:#95989F;" valign="top" colspan="2"> *|LIST:DESCRIPTION|* <br /> <br /> <a href="*|UNSUB|*?phpMyAdmin=2b02c4da2ce27t703cbb3br21ce">Unsubscribe</a> *|EMAIL|* from this list.<br /> <br /> Our mailing address is:<br /> *|LIST:ADDRESS|*<br /> <br /> Our telephone:<br /> *|LIST:PHONE|*<br /> <br /> Copyright (C) *|CURRENT_YEAR|* *|LIST:COMPANY|* All rights reserved.<br /> <br /> <a href="*|FORWARD|*?phpMyAdmin=2b02c4da2ce27t703cbb3br21ce">Forward</a> this email to a friend </td> </tr> </table> </td> </tr> </table> </body> </html>

Please Log in or Create an account to join the conversation.

More
22 Nov 2010 19:29 #452 by pete
Replied by pete on topic problem with template design
css-height not always works properly on td elements. Please try to wrap your header into a div like this:
Code:
<div style="display:block;height:166px;"> <h1 class="primary-heading"> Sigma Monthly Newsletter </h1> <h2 class="secondary-heading">We've got some awesome new content & features on the site...</h2> </div>

Please Log in or Create an account to join the conversation.