- Posts: 11
- Thank you received: 0
problem with template design
22 Nov 2010 19:08 #451
by fezzicnex
problem with template design was created 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.
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.
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.
joomlamailer uses cookies!
This website uses cookies to provide user authentication and improve your user experience. Please indicate whether you consent to our site placing these cookies on your device. We are not using cookies for marketing purposes. For more information visit our privacy policy
I agree
Copyright 2010 freakedout.de - All Rights Reserved
Joomlamailer.com is not affiliated with or endorsed by The Joomla! Project™, Open Source Matters, Inc. or Intuit Mailchimp.
Any products and services provided through this site are not supported or warrantied by The Joomla! Project, Open Source Matters, Inc. or Intuit Mailchimp.
Use of the Joomla!® name, symbol, logo and related trademarks is permitted under a limited license granted by Open Source Matters, Inc.
Mailchimp® is a registered trademark of The Rocket Science Group.
Joomlamailer.com is not affiliated with or endorsed by The Joomla! Project™, Open Source Matters, Inc. or Intuit Mailchimp.
Any products and services provided through this site are not supported or warrantied by The Joomla! Project, Open Source Matters, Inc. or Intuit Mailchimp.
Use of the Joomla!® name, symbol, logo and related trademarks is permitted under a limited license granted by Open Source Matters, Inc.
Mailchimp® is a registered trademark of The Rocket Science Group.