Hotmail display issues

I'm having an absolute nightmare trying to get a template to work in hotmail. It seems to work with all other major providers, but in hotmail it only shows the header, and won't display any of the rest of the email from when it splits into two columns.

It's been a while since I coded a template from scratch so I'm probably overlooking something very obvious - any help as to where to start looking would be very welcome!

Cheers,
Rachel

rachel_jeffcoat, 6 years ago

Just in case anyone can help out, here's the code in question...

<body bgcolor="#000000">
<table width="600" border="0" align="center" colspan="2" cellspacing="0" bgcolor="#ffffff">
<tr>
    <td align="center">
<webversion><h2><font color=#000000>Click here to view this email as a web page</webversion></font></h2>

<table width="600" border="0" align="center" cellspacing="0" bgcolor="#ffffff">
<tr>
<td width="300" valign="top" align=left>
<img src="<$imagesrc link='true'$>" width="300">

</td>

<td width="300" valign="top" align=right>
<style="margin-bottom:1em">

<p style="color=#000000"><h1><br><$title link='true' default='Enter Title Here'$></h1></p>

</td>
</tr>

<tr>
<td width="300">
<style="margin-bottom:1em">

<p style="color=#000000"><h1><br><$title link='true' default='Enter Title Here'$></h1></p>

<h2>
<$description default='<p>Enter body content here</p>'$>
</h2>
</td>

<td width="300" valign="top" align=right>
<img src="<$imagesrc link='true'$>" width="300">

</tr>
<tr>
<td width="300">
<style="margin-bottom:1em">
<p style="color=#000000"><h1><$title link='true' default='Enter Title Here'$></h1></p>
<h2>
<$description default='<p>Enter body content here</p>'$>

</h2>
</td>

<td width="300" valign="top" align=right>
<img src="<$imagesrc link='true'$>" width="300">

</tr>



<tr>
<td align="center" colspan="2" width="600"> <h2><br>
<$description default='<p>Enter body content here</p>'$>

</h2>
</td>
</tr>

<tr>
<td align="center" width="600" colspan="2">
<br>
 
<h5><p style="color:#000000">You're receiving this email as a subscriber to <a href="www.website.com" "change-hyperlink-color.php" 

"remove-hyperlink-underline.php" style="text-decoration: none""color: #000000">digyorkshire.com</a>. If you'd prefer not to receive similar emails in the 

future, <unsubscribe><font color="#000000">click here</font></unsubscribe> to unsubscribe</p></h5>
</tr>
</td>

</body>
</table>
</div>
</body>
</html>
davidaf davidaf, 6 years ago

Hi Rachel,

Hotmail doesn't like your <style> tags that you have in the body of your email. <style> tags should really live in the head: <style="margin-bottom:1em">

There's lots of other little issues with your code you'll want to clean up, too, at the bottom you close your </tr> before your </td>, you don't close your first table, and you have two </body> tags. You'll want to be sure that you use colons not equals in your style declarations:

<p style="color=#000000"> should be <p style="color:#000000;">

There's some other nitpicky things, too:

- colspan="2" does not belong in the <table> tag (first table)
- avoid using <font> tags as they are deprecated
- you have some unclosed <td> tags

If you run your code through a validator you'll be able to pick up a lot of this stuff up, too.

Hope that helps!


The Campaign Monitor Blog – HTML email smarts to go with your good looks
roshodgekiss roshodgekiss, 6 years ago

Hi Rachel, I just cleaned up the code a bit - there were a couple of malformed tags and some nesting errors which no doubt were causing the template to break. Here's the end result:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Template</title>
</head>
<body bgcolor="#000000">
<table width="600" border="0" align="center" colspan="2" cellspacing="0" bgcolor="#ffffff">
  <tr>
    <td align="center"><h2><font color=#000000>
        <webversion>Click here to view this email as a web page</webversion>
        </font></h2>
      <table width="600" border="0" align="center" cellspacing="0" bgcolor="#ffffff">
        <tr>
          <td width="300" valign="top" align="left"><img src="<$imagesrc link='true'$>" width="300" /></td>
          <td width="300" valign="top" align="right" style="margin-bottom:1em;"><h1 style="color=#000000"><br />
              <$title link='true' default='Enter Title Here'$>
            </h1></td>
        </tr>
        <tr>
          <td width="300" style="margin-bottom:1em;"><h1 style="color=#000000"><br />
              <$title link='true' default='Enter Title Here'$>
            </h1>
            <h2>
              <$description default='<p>Enter body content here</p>'$>
            </h2></td>
          <td width="300" valign="top" align=right><img src="<$imagesrc link='true'$>" width="300" /></td>
        </tr>
        <tr>
          <td width="300" style="margin-bottom:1em;"><h1 style="color=#000000">
              <$title link='true' default='Enter Title Here'$>
            </h1>
            <h2>
              <$description default='<p>Enter body content here</p>'$>
            </h2></td>
          <td width="300" valign="top" align=right><img src="<$imagesrc link='true'$>" width="300" /></td>
        </tr>
        <tr>
          <td align="center" colspan="2" width="600"><h2><br />
              <$description default='<p>Enter body content here</p>'$>
            </h2></td>
        </tr>
        <tr>
          <td align="center" width="600" colspan="2"><br />
            <h5 style="color:#000000"> You're receiving this email as a subscriber to <a href="#" style="text-decoration: none; color: #000000">digyorkshire.com</a>. If you'd prefer not to receive similar emails in the 
              
              future,
              <unsubscribe style="color: #000;">click here</unsubscribe>
              to unsubscribe </h5></td>
        </tr>
      </table></td>
  </tr>
</table>
</body>
</html>

Ditto what Davida said above - looks like we were replying at the same time! :D
No worries, Rachel - good luck with your campaigns!


Get in touch with us on Twitter: http://twitter.com/campaignmonitor
We're also on Facebook: http://facebook.com/campaignmonitor

Join 150,000 companies around the world that use Campaign Monitor to run email marketing campaigns that deliver results for their business.

Get started for free
1-888-533-8098