CSS on emailed page

**Firstfactor** · 09-07-2006, 07:39 PM

Hi, I desperately need some help. I've set-up a HTML newsletter template which gets mailed to all registered usurers in my database. I have got the template to mail OK but when I view the received template / email the formating / style is not following through.

On the template I have insured that it is not referencing an external style sheet, all the CSS is contained on the page. I'm therefore at a loss to understand why the page isn't displaying properly.

Please please can you help I'm under time pressure to fix this.

Heres the code I've used:

<html>
<head>
<title>Firstfactoruk newsletter</title>

<style type="text/css">
a:link {
color: #669900;
text-decoration: underline;
}
a:visited {
color: #669900;
text-decoration: underline;
}
a:hover {
color: #99CC00;
text-decoration: none;
}

a.whitelink:link {
color: White;
text-decoration: underline
}
a.whitelink:visited {
color: White;
text-decoration: underline
}
a.whitelink:hover {
color: White;
text-decoration: none
}
.contentbody {
font-family:verdana, arial, helvetica, sans-serif;
color: #666666;
font-size: 10px;
font-weight: normal;
line-height : 1.3;
}
.firstfactor {
font-family:Century Gothic,tahoma, verdana, tahoma, helvetica, arial;
color: #727272;
font-size: 25px;
font-weight: normal;
}
.firstfsmall {
font-family:Century Gothic,tahoma, verdana, tahoma, helvetica, arial;
color: #727272;
font-size: 10px;
font-weight: normal;
}
.contentbold{
font-family:verdana, arial, helvetica, sans-serif;
color: #666666;
font-size: 10px;
font-weight: bold;
line-height : 1.3;
}
.heading {
font-family:verdana, arial, helvetica, sans-serif;
color: #000000;
font-size: 10px;
font-weight: bold;
line-height : 1.3;
letter-spacing : 1px;
}
.formcontact {
background-color: #FFFFFF;
font-family: arial, verdana, helvetica, sans-serif;
font-size:8pt;
width: 280px;
border-right: 1px solid #96928B;
border-top: 1px solid #E1DBD1;
border-left: 1px solid #E1DBD1;
border-bottom: 1px solid #96928B;
}
.contentbody {
font-family:verdana, arial, helvetica, sans-serif;
color: #000000;
font-size: 10px;
font-weight: normal;
line-height : 1.3;
}

.style1 {font-size: 14px}
.style3 {
font-size: 9px;
color: #669900;
}
.style4 {color: #666666}
.style10 {
color: #666633;
font-weight: bold;
font-family: Tahoma;
font-size: 24px;
}
.style12 {color: #669900; font-family: Tahoma; font-weight: bold; }
.style16 {font-size: 14px; font-family: Tahoma; }
</style>
</head>
<script language="JavaScript" type="text/javascript" src="wysiwyg.js"></script>

<body>
<table width="88" border="0">
<tr>
<td valign="top">
<form action="" name="form1" id="form1">
<p class="firstfactor"><span class="style3">YOUR NUMBER <span class="style4">ONE</span> REOURCE FOR FINDING THE <span class="style4">RIGHT
FINANCE</span> ON THE WEB </span><br />
FirstFactorUK.com<br />
<span class="style1">IMAGIATION IS OUR POWER</span>
<table width="520">
<tr>
<td height="10" colspan="2" valign="top" bgcolor="#A2C92E" class="contentbody" style="color:white; padding-left:5px; padding-bottom:2px">  <b style="color:white;"><%=(Recordset2.Fields.Item("title").Value)%></b>
</td>
</tr>
</table>
<table width="520">
<tr>
<td colspan="2" bgcolor="#FFFFFF" valign="middle" class="contentbody" style="color:white"><b style="color:white;"><span class="contentbold"><%=(Recordset2.Fields.Item("body1").Value)%></span></b>
</td>
</tr>
</table>

<table width="522">

<tr>
<td width="522" align="left"><table width="520" border="0" cellpadding="1" cellspacing="0" bgcolor="#99CC00">

<tr>
<td valign="top"> <table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#F2F6E9">
<tr>
<td align="center" valign="top"> <table width="500" border="0" cellspacing="0" cellpadding="0">
<tr>
<td> </td>
</tr>
<tr>
<td valign="top" class="contentbody"><table width="503" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="501" class="heading"><div align="center"><%=(Recordset2.Fields.Item("body2").Value)%></div></td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="501" valign="top" class="contentbody">
<p align="left"><%=(Recordset2.Fields.Item("body3").Value)%></p></td>
</tr>
<tr>
<td valign="top" class="contentbody"> </td>
</tr>
</table>
</td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td align="left"><table width="520" border="0" cellpadding="1" cellspacing="0" bgcolor="#99CC00">
<tr>
<td valign="top"> <table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
<tr>
<td align="center" valign="top"> <table width="520" border="0" cellpadding="0" cellspacing="10" bgcolor="#F2F6E9">
<tr>
<td width="501" valign="top" class="heading"><div align="center"><%=(Recordset2.Fields.Item("body4").Value)%></div></td>
</tr>
<tr>
<td valign="top" class="contentbody">
<div align="left">
<p><%=(Recordset2.Fields.Item("body5").Value)%><br/>

</p>
</div></td>
</tr>
<tr>
<td class="contentbold"><div align="left"><%=(Recordset2.Fields.Item("body6").Value)%></div></td>
</tr>
</table>
</td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td align="left" valign="top"> <table width="520">
<tr>
<td width="512" valign="top" class="contentbody">
<p> </p>
<p><span class="heading"><%=(Recordset2.Fields.Item("body7").Value)%></span><br />
<img src="http://www.firstfactoruk.com/with_flash/html/images/E-MAIL_LINE.gif" alt="FirstFactoruk.com invoice discounting brokers " width="500" height="11" vspace="5" /></p>
</td>
</tr>
<tr>
<td valign="top" class="contentbody">
<p><%=(Recordset2.Fields.Item("body8").Value)%></p>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td align="left"><table width="522">
<tr>
<td width="514" valign="top" class="contentbody"><p><strong><%=(Recordset2.Fields.Item("body9").Value)%></strong><br />
<img src="http://www.firstfactoruk.com/with_flash/html/images/E-MAIL_LINE.gif" alt="" width="500" height="11" vspace="5" /></p></td>
</tr>
<tr>
<td valign="top" class="contentbody"><p><%=(Recordset2.Fields.Item("body10").Value)%> </p>
<p>Copyright 2003-2005© <%=(rsContactDetails.Fields.Item("Companyname").Value)%>.<br />
All Rights Reserved. </p>
<p>Telephone: <%=(rsContactDetails.Fields.Item("Telephone").Value)%> </p>
<p>Fax: <%=(rsContactDetails.Fields.Item("Fax").Value)%> </p>
<p><%=(rsContactDetails.Fields.Item("TradingStyle").Value)%> is a trading style of <%=(rsContactDetails.Fields.Item("Companyname").Value)%><br />
<%=(rsContactDetails.Fields.Item("AddressLine1").Value)%><br />
<%=(rsContactDetails.Fields.Item("Town").Value)%><br />
<%=(rsContactDetails.Fields.Item("County").Value)%><br />
<%=(rsContactDetails.Fields.Item("Country").Value)%><br />
<%=(rsContactDetails.Fields.Item("PostCode").Value)%></p>
</td>
</tr>
</table></td>
</tr>
</table>
</form>

<div style="float:left; padding-left: 10px; padding-top:12px" ><a href="http://validator.w3.org/" target="_blank"><img src="../icons/valid-xhtml10.gif" alt="Invoice discounting factoring quotation" width="88" height="31" border="0" /></a></div>
<div style="float:left; padding-left: 10px; padding-top:12px"><a href="http://jigsaw.w3.org/css-validator/" target="_blank"><img src="../icons/CSS.png" alt="Valid XHTML 1.0 Transitional" width="88" height="31" border="0" /></a></div>
<div style="float:left; padding-left: 10px; padding-top:18px" class="webdesginbutton"><a href="" target="_blank"></a></div>

<p> </p>
<p> </p>
</td>
</tr>
</table>
</p>
</body>
</html>
<%
Recordset1.Close()
Set Recordset1 = Nothing
%>
<%
Recordset2.Close()
Set Recordset2 = Nothing
%>
<%
rsContactDetails.Close()
Set rsContactDetails = Nothing
%>
<%
Recordset3.Close()
Set Recordset3 = Nothing
%>

Thread: CSS on emailed page

Thread Tools

Search Thread

CSS on emailed page

Bookmarks

Bookmarks

Posting Permissions