tags:

views:

29

answers:

1
+3  Q: 

HTML email template loses colours in mail

Hello friends,

I created a small program in PHP which sends newsletter. It's fine when I preview the HTML email template in a web browser. But when sent in mail it loses all the color formatting. Please help! How would I send an e-mail with full color?

Here's the HTML code.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
<html xmlns="http://www.w3.org/1999/xhtml"&gt;
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title> Newsletter</title>
<style type="text/css">
.AA {
    font-size: 24px;
    color: #FFF;
}
</style>
</head>

<body>
<table width="100%" height="373" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td width="13%" bgcolor="#336699">&nbsp;</td>
    <td width="81%" bgcolor="#336699" class="AA"> NEWSLETTER</td>
    <td width="6%" bgcolor="#336699">&nbsp;</td>
  </tr>
  <tr>
    <td height="252">&nbsp;</td>
    <td align="left" valign="top">%content%</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td align="center">copyright company</td>
    <td>&nbsp;</td>
  </tr>
</table>
</body>
</html>
+3  A: 

Use only inline styles, most HTML clients are not advanced enough to understand <style> tags.

So instead of writing

<td width="81%" bgcolor="#336699" class="AA"> NEWSLETTER</td>

Writing

<td width="81%" bgcolor="#336699" style="font-size:24px; color:#FFF;"> NEWSLETTER</td>

will help.

Aditya Menon  2010-09-22 03:00:50

related questions

Autosizing Textarea
Regular expression for parsing links from a webpage?
What are good tools for creating compiled HTML help files (.chm)?
Looking for WYSIWYG HTML editor
Any reason not to start using the HTML 5 doctype?
HTML comments break down
HTML Comments Markup
Setting a div's height in HTML with CSS
Wrapping lists into columns
Is a "Confirm Email" input good practice when user changes email address?
<XMP> Tag
HTML version choice
Options for HTML scraping?
How do you disable browser Autocomplete on web form field / input tag?
How do I make a checkbox toggle from clicking on the text label as well?
Html CSS Editor
Wordpress theme development offline tools
How do I give my web sites an icon for iPhone?
In HTML, how to word-break on a dash?
Detecting font in JavaScript
How do you test layout design across multiple browsers/OSs?
How do I print an HTML document from a web service?
Multiple submit buttons on a HTML form
How can I determine a web user's time zone?
Why doesn't the percentage width child in absolutely positioned parent work in IE7?