Question

这是在Outlook 2013和2010中打破的代码在2003年以及其他所有方面都运行良好。我想知道可能导致这个问题的原因。页面只是白色，我无法找到石蕊中的任何电子邮件模板。如果有人能提供帮助那就太棒了。

   <!-- Wrapper 2 (Header) -->
<table width="100%" border="0" cellpadding="0" cellspacing="0" align="center">
<tr>
<td width="100%" valign="top" bgcolor="#ffffff">

<!-- 1px Height Border -->
<table class="fullWidth" width="740" border="0" cellpadding="0" cellspacing="0" align="center">
<tr>
<td width="100%" height="1" bgcolor="#dedede"></td>
</tr>
</table>

<!-- Mobile Wrapper -->
<table width="100%" height="300" class="fullWidth" border="0" cellpadding="0" cellspacing="0" align="center">
<tr>
<td width="100%" bgcolor="f6f6f6" background="beachBg.png" style="background-size: 100%; background-position-y: -100px;">
<a href="http://www.something.com">
<div>
<!--[if gte mso 9]>
<v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width:740px;height:300px;">
<v:fill type="tile" src="beachBg.png" color="#000000" />
<v:textbox inset="0,0,0,0">
<![endif]-->
<table table width="100%" border="0" cellpadding="0" cellspacing="0" align="center" class="scaleForMobile" height="300">
<tr align="right" class="socialNav">
<td width="100%">
<table width="35" border="0" cellpadding="0" cellspacing="0" align="right" class="clearing">
<tbody><tr>
<td width="375" valign="top">
<a href="http://www.test.com/blog/feed"><img alt="rss" src="rss.png"/></a>
</td>
</tr>
</tbody></table>
<table width="35" border="0" cellpadding="0" cellspacing="0" align="right" class="clearing">
<tbody><tr>
<td width="375" valign="top">
<a href=""><img alt="vimeo" src="vimeo.png"/></a>
</td>
</tr>
</tbody></table>
<table width="35" border="0" cellpadding="0" cellspacing="0" align="right" class="clearing">
<tbody><tr>
<td width="50" valign="top">
<a href="http://instagram.com/"><img alt="instagram" src="instagram.png"/></a>
</td>
</tr>
</tbody></table>
<table width="35" border="0" cellpadding="0" cellspacing="0" align="right" class="clearing">
<tbody><tr>
<td width="375" valign="top">
<a href="http://twitter.com/"><img alt="tumblr" src="tumblr.png"/></a>
</td>
</tr>
</tbody></table>
<table width="35" border="0" cellpadding="0" cellspacing="0" align="right" class="clearing">
<tbody><tr>
<td width="375" valign="top">
<a href="https://www.youtube.com/user/"><img alt="youtube" src="youtube.png"/></a>
</td>
</tr>
</tbody></table>
<table width="35" border="0" cellpadding="0" cellspacing="0" align="right" class="clearing">
<tbody><tr>
<td width="375" valign="top">
<a href="https://www.facebook.com"><img alt="facebook" src="facebook.png"/></a>
</td>
</tr>
</tbody></table>
<table width="35" border="0" cellpadding="0" cellspacing="0" align="right" class="clearing">
<tbody><tr>
<td width="375" valign="top">
<a href="https://ca.linkedin.com/company/."><img alt="linkedin" src="linkedin.png"/></a>
</td>
</tr>
</tbody></table>


</tr>


<tr class="beachLogo">
<td style="width:740;" ><img style="margin-left:80px;" src="beachLogo.png"></td>
<td width="400"></td>
</tr>
</table>
<div>

</div>

</div>
</td>
</tr>
</table><!-- End Header -->

</td>
</tr>
</table><!-- End Mobile Wrapper -->



<!-- Space -->
<table bgcolor="ffffff" width="740" border="0" cellpadding="0" cellspacing="0" align="center" class="mobileCenter">
<tr>
<td width="740" height="0">
</td>
</tr>
</table>

</td>
</tr>
</table><!-- End Wrapper 2 -->

Answer 1

我看到了几个语法问题。

<a href="http://www.something.com">缺少结束标记。
你可能不应该只用1 <a>标签包装所有内容。
</tr>之前<tr class="beachLogo">缺少</td>

修复这些问题，看看你是否在Outlook中获得了更好的结果。

Outlook电子邮件模板完全坏了

1 个答案: