Windows Live Mail - HTML email signature

SHMDESIGN

New Email
Hi everyone,
I created using my first e-mail signature with mixed CSS and Microsoft style tags. My Outlook 2013 did not show a black background whereas Windows Live show a black background. What causes it?

Thank you in advance for your answer.

Here's my code:

Code:
<!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" />
<style>
<!--
/* Font Definitions */
@font-face {
font-family:Calibri;
panose-1:2 15 5 2 2 2 4 3 2 4;
mso-font-charset:0;
mso-generic-font-family:swiss;
mso-font-pitch:variable;
mso-font-signature:-536870145 1073786111 1 0 415 0;
}
@font-face {
font-family:Tahoma;
panose-1:2 11 6 4 3 5 4 4 2 4;
mso-font-charset:0;
mso-generic-font-family:swiss;
mso-font-pitch:variable;
mso-font-signature:-520081665 -1073717157 41 0 66047 0;
}
/* Style Definitions */
p.MsoNormal, li.MsoNormal, div.MsoNormal {
    mso-style-unhide:no;
    mso-style-qformat:yes;
    mso-style-parent:"";
    margin:0cm;
    color:#000;
    margin-bottom:.0001pt;
    mso-pagination:widow-orphan;
    font-size:11.0pt;
    font-family:"Calibri", "sans-serif";
    mso-ascii-font-family:Calibri;
    mso-ascii-theme-font:minor-latin;
    mso-fareast-font-family:Calibri;
    mso-fareast-theme-font:minor-latin;
    mso-hansi-font-family:Calibri;
    mso-hansi-theme-font:minor-latin;
    mso-bidi-font-family:"Times New Roman";
    mso-bidi-theme-font:minor-bidi;
    mso-fareast-language:EN-US;
}
a:link, span.MsoHyperlink {
    mso-style-priority:99;
    color:#666;
    mso-themecolor:hyperlink;
    mso-text-animation:none;
    text-decoration:none;
    text-underline:none;
    text-decoration:none;
    text-line-through:none;
}
a:visited, span.MsoHyperlinkFollowed {
    mso-style-noshow:yes;
    mso-style-priority:99;
    color:#000;
    mso-themecolor:followedhyperlink;
    mso-text-animation:none;
    text-decoration:none;
    text-underline:none;
    text-decoration:none;
    text-line-through:none;
}
p.MsoAcetate, li.MsoAcetate, div.MsoAcetate {
    mso-style-noshow:yes;
    mso-style-priority:99;
    mso-style-link:"Balloon Text Char";
    margin:0cm;
    margin-bottom:.0001pt;
    mso-pagination:widow-orphan;
    font-size:8.0pt;
    font-family:"Tahoma", "sans-serif";
    mso-fareast-font-family:Calibri;
    mso-fareast-theme-font:minor-latin;
    mso-fareast-language:EN-US;
}
span.BalloonTextChar {
    mso-style-name:"Balloon Text Char";
    mso-style-noshow:yes;
    mso-style-priority:99;
    mso-style-unhide:no;
    mso-style-locked:yes;
    mso-style-link:"Balloon Text";
    mso-ansi-font-size:8.0pt;
    mso-bidi-font-size:8.0pt;
    font-family:"Tahoma", "sans-serif";
    mso-ascii-font-family:Tahoma;
    mso-hansi-font-family:Tahoma;
    mso-bidi-font-family:Tahoma;
}
span.emailstyle17 {
    mso-style-name:emailstyle17;
    mso-style-noshow:yes;
    mso-style-unhide:no;
    color:black;
}
.MsoChpDefault {
    mso-style-type:export-only;
    mso-default-props:yes;
    font-size:10.0pt;
    mso-ansi-font-size:10.0pt;
    mso-bidi-font-size:10.0pt;
    font-family:"Calibri", "sans-serif";
    mso-ascii-font-family:Calibri;
    mso-ascii-theme-font:minor-latin;
    mso-fareast-font-family:Calibri;
    mso-fareast-theme-font:minor-latin;
    mso-hansi-font-family:Calibri;
    mso-hansi-theme-font:minor-latin;
    mso-bidi-font-family:"Times New Roman";
    mso-bidi-theme-font:minor-bidi;
    mso-fareast-language:EN-US;
}
@page WordSection1 {
    size:612.0pt 792.0pt;
    margin:72.0pt 72.0pt 72.0pt 72.0pt;
    mso-header-margin:36.0pt;
    mso-footer-margin:36.0pt;
    mso-paper-source:0;
}
div.WordSection1 {
    page:WordSection1;
}
-->
</style>
<!--[if gte mso 10]>
<style>
/* Style Definitions */
table.MsoNormalTable
    {mso-style-name:"Table Normal";
    mso-tstyle-rowband-size:0;
    mso-tstyle-colband-size:0;
    mso-style-noshow:yes;
    mso-style-priority:99;
    mso-style-parent:"";
    mso-padding-alt:0cm 5.4pt 0cm 5.4pt;
    mso-para-margin:0cm;
    mso-para-margin-bottom:.0001pt;
    mso-pagination:widow-orphan;
    font-size:10.0pt;
    font-family:"Calibri","sans-serif";
    mso-ascii-font-family:Calibri;
    mso-ascii-theme-font:minor-latin;
    mso-hansi-font-family:Calibri;
    mso-hansi-theme-font:minor-latin;
    mso-fareast-language:EN-US;}
table.MsoTableGrid
    {mso-style-name:"Table Grid";
    mso-tstyle-rowband-size:0;
    mso-tstyle-colband-size:0;
    mso-style-priority:59;
    mso-style-unhide:no;
    border:solid windowtext 1.0pt;
    mso-border-alt:solid windowtext .5pt;
    mso-padding-alt:0cm 5.4pt 0cm 5.4pt;
    mso-border-insideh:.5pt solid windowtext;
    mso-border-insidev:.5pt solid windowtext;
    mso-para-margin:0cm;
    mso-para-margin-bottom:.0001pt;
    mso-pagination:widow-orphan;
    font-size:11.0pt;
    font-family:"Calibri","sans-serif";
    mso-ascii-font-family:Calibri;
    mso-ascii-theme-font:minor-latin;
    mso-hansi-font-family:Calibri;
    mso-hansi-theme-font:minor-latin;
    mso-fareast-language:EN-US;}
</style>
<![endif]--><!--[if gte mso 9]><xml>
<o:shapedefaults v:ext="edit" spidmax="1026"/>
</xml><![endif]--><!--[if gte mso 9]><xml>
<o:shapelayout v:ext="edit">
  <o:idmap v:ext="edit" data="1"/>
</o:shapelayout></xml><![endif]-->

</head>

<body>

<table width="730" border="0">
  <tr>
    <td width=200 valign=top><img src="images/Sam-Mah.jpg" alt="Sam H Mah" name="_x0000_i1027" width=62 height=38
  id="_x0000_i1027">
      <p class=MsoNormal><strong>Sam Mah,
    </strong>Web Design & Marketing Specialist </p></td>
    <td valign=top>
    <a href="https://www.plbinsurance.ca"> <img src="http://cyberliabilityinsurancequote.ca/images/logo.jpg" width="97" alt="PL&B Insurance" height="72" /></a></td>
    <td valign=bottom style='border-left:1px solid #ccc; padding: 0 0 0 15pt; margin:0'><p class=MsoNormal>5622 72nd Street, Edmonton, AB T6B
        3J4</span></a><br>
        <a href="tel:587.937.2257" style="color:#666"> 587.937.2257</a><br>
        <a href="mailto:smah@plbinsurance.ca" target="_top"  style="color:#666"> smah@plbinsurance.ca</a> <br>
        <a href="https://www.plbinsurance.ca" style="color:#666"> www.plbinsurance.ca</a><br>
        <a href="https://plbins.quoteandbuy.net/?action=pageone&combo_id=116" style="color:#666">IT QUOTE &amp; BUY</a></p></td>
    <td valign=top><a href="https://www.ibaa.ca/ibaa/web/Home/IBAA/IBAA.aspx"><img src="http://cyberliabilityinsurancequote.ca/images/ibaa-insurance-broker-association-alberta.jpg" alt="Insurance Brokers Association of Alberta" width="125" height="72" /></a></td>
  </tr>
</table>
<img src="http://cyberliabilityinsurancequote.ca/images/image_bottom.jpg" width="725" height="97" alt="Managing Uncertainty, Creating Opportunity">
</body>
</html>
 

Attachments

  • email1.jpg
    email1.jpg
    122.4 KB · Views: 1,075
Top