I have a code which sends a HTML email, everything work apart from the background image, this is the HTML code of my email.. why does it not show?

<html>

<head>
<meta http-equiv="Content-Language" content="en-us">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<style type="text/css">
body {
        background-image: url(http://www.example.com/images/BG_09.jpg);
        background-repeat: no-repeat;
        }
</style>

</head>

<body class="body">


<div align="center">
        <table border="0" width="760" id="table1" cellspacing="0" cellpadding="0">
                <tr>
                        <td>
                        <img border="0" src="http://www.example.com/scripts/banner3.jpg"></td>
                </tr>
                <tr>
                        <td bgcolor="#FFFFFF">&nbsp;</td>
                </tr>
                <tr>
                        <td bgcolor="#000000"><i><b>
                        <font size="2" face="Arial" color="#FFFFFF">News from today:</font></b></i></td>
                </tr>
                <tr>
                        <td bgcolor="#FFFFFF">

                    </td>
            </tr>
            <tr>
                    <td bgcolor="#FFFFFF">&nbsp;</td>
            </tr>
            <tr>
                    <td bgcolor="#000000"><b><i>
                    <font face="Arial" size="2" color="#FFFFFF">Latest in our</font></i></b><i><b><font size="2" face="Arial" color="#FFFFFF"> 
                    forums:</font></b></i></td>
            </tr>
            <tr>
                    <td bgcolor="#FFFFFF">
<img src='http://www.example.com/images/n3.gif'><a href='forums.php?P=PostLists&ThreadID=2010&MainID=14'><font color='#000000' size='1' face='Verdana'>whats your clubs top premiere side in...</font></a><br><img src='http://www.example.com/images/n3.gif'><a href='forums.php?P=PostLists&ThreadID=2017&MainID=14'><font color='#000000' size='1' face='Verdana'>Pre Season</font></a><br>                  



                    </td>
            </tr>
            <tr>
                    <td bgcolor="#FFFFFF">&nbsp;</td>
            </tr>
            <tr>
                    <td bgcolor="#FFFFFF">
                    <p align="center"><font size="1" face="Arial">
                    <a href="http://www.example.com/index.php?Page=RemoveMe&Type=Daily">
                    Remove me from this mailing list</a></font></td>
            </tr>
    </table>
</div>

</body>

</html>

    Depending upon the email client, not all email clients support stylesheets in the head, much less some css elements. I know for a fact that Outlook 2007 is terrible at rendering html email because it uses the Word HTML engine instead of IE (and given IE's current issues, it's probably better) but it limits what you can do css/html-wise.

      Write a Reply...