Hotmail hates my email - help please?

Hi, I've been in and out trying to find the problems to how i can style the a tags when CM send out my campign? The CM cms tags are in amongst my code but you can't style the a tags with inline styles.

In hotmail the head styles are ripped out. Help?

Here is my build:

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Dot 07 - Design Events 2007</title>
<style type="text/css">
<!--
a {color: #FFFFFF;}
a:link {color: #FFFFFF;}
p { font-family: Arial, Helvetica, sans-serif; font-weight: normal;}
p a { color: #FFFFFF;}
.footer a { font-size: 11px; color: #000000;}
img { border:none;}
td.title p { font-size: 18px; color:#FFFFFF; font-family: Arial, Helvetica, sans-serif;}
td.event { color: #FFFFFF;}
td.event a:link { color:#FFFFFF;}
p.eventtitle { color:#FFFFFF; font-size:24px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; padding: 0; margin:0;}
p.eventsum { color:#FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size:11px; padding:0; margin:0;}
-->
</style>
</head>

<body bgcolor="#FFFFFF" style="margin: 0; padding:0;">
<div align="center" style="color: #FFFFFF;">
    <table border="0" cellpadding="0" cellspacing="0" width="500" bgcolor="#000000">
        <tbody>
            <tr>

                <td colspan="5" width="500" height="157"><img src="images/bg_header.jpg" width="500" height="157" /></td>
            </tr>
            <tr>
                <td width="218" height="23"><img src="images/title_visit.gif" alt="Visit" width="218" height="23" /></td>
                <td width="81" height="23"><a href="http://www.design-event.co.uk/de07_cal.htm" title="Exhibitions"><img src="images/btn_exhibit.gif" alt="Exhibitions" width="81" height="23" border="0" /></a></td>
                <td width="40" height="23"><a href="http://www.design-event.co.uk/designeventtalks.htm" title="Talks"><img src="images/btn_talks.gif" alt="Talks" width="40" height="23" border="0" /></a></td>
                <td width="44" height="23"><a href="http://www.design-event.co.uk/urbantranslation.htm" title="Tours"><img src="images/btn_tours.gif" alt="Tours" width="44" height="23" border="0" /></a></td>
                <td width="117" height="23"><a href="http://www.design-event.co.uk/events.htm" title="Parties and Events"><img src="images/btn_partiesevent.gif" alt="Parties and Events" width="117" height="23" border="0" /></a></td>
            </tr>

            <tr>
                <td colspan="5" width="500" height="130"><img src="images/title_intro.gif" alt="Design Event is back. From 11-28 October 2007 with cutting edge exhibitions and events to delight the senses." width="500" height="130" /></td>
            </tr>
            <tr>
                <td colspan="5" width="500" height="20"><img src="images/title_feature.gif" alt="Features:" width="500" height="20" /></td>
            </tr>
            <tr>
              <td colspan="5" class="title">
                  <p style="font-family:Arial, Helvetica, sans-serif; font-size: 24px; text-decoration: none; color:#FFFFFF; padding: 20px 0 5px 20px; margin:0;"><$title link='true' default='add title here'$></p>

              </td>
          </tr>
          <tr>
              <td colspan="5" width="500" height="1"><img src="images/bg_yellowline.gif" width="500" height="1"/></td>
          </tr>
          <tr>
            <td colspan="5">
                <repeater>
                <table border="0" cellpadding="0" cellspacing="0" width="500" bgcolor="#000000">

                     <tr>
                       <td class="event" style="color:#FFFFFF; padding: 10px 0 5px 20px; text-align:left;">
                        <p class="eventtitle" style="color:#FFFFFF; font-size: 14px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; padding: 0; margin:0;"><$title link='true' default='Add the title for the event here'$></p>
                            <img src="<$imagesrc link='true'$>" width="173" height="118" align="right" style="margin: 0 20px 0 15px; border: 3px solid #FFF;"/>
                        <p class="eventsum" style="font-family: Arial, Helvetica, sans-serif; font-size:11px; padding:0; margin:0; color:#FFFFFF;"><$description default='Summarize the event here'$></p>
                     </td>
                  </tr>
                  <tr>

                          <td width="500" height="1"><img src="images/bg_greyline.gif" width="500" height="1" style="padding: 10px 0 0 0;"/></td>
                  </tr>
                </table>
                </repeater>
              </td>
          </tr>
          <tr>
                <td colspan="5" width="500" bgcolor="#FFFFFF" style="background: white; padding: 20px 0;" class="footer"><img src="<$imagesrc link='true'$>" width="500" height="63" />
              <p style="font-size: 11px; font-family:Arial, Helvetica, sans-serif; color:#666;">&copy; 2007 Design Event 07     <unsubscribe>Unsubscribe</unsubscribe> from this newsletter</p>

              <p style="font-size: 11px; font-family:Arial, Helvetica, sans-serif;"><forwardtoafriend>Forward to a friend</forwardtoafriend>&nbsp;&nbsp;&nbsp;<a href="http://www.design-event.co.uk" style="color: #000;">www.design-event.co.uk</a></p>
              </td>
          </tr>
        </tbody>
    </table>
</div>
</body>
</html>



Thanks in advance

Mathew Mathew, 9 years ago

Hi,

With Campaign Monitor you can do inline styles directly on the unsubscribe / forward tags like so:

<unsubscribe style="color:#fff;">Unsubscribe me please!</unsubscribe>

Anything you put into the inline style in that way will be carried through and placed onto the 'a' tag in the actual email.


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

Hi,

Does this work on title links too?  e.g. <$title link='true' style='color: #fff;'$> would this make the resulting link text white?  I've been having problems with Gmail stripping out my link styles from the head and just displaying as blue underlined links so if this does work it'll make me very happy!

Ali :o)

Join 200,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