【发布时间】：2014-09-28 22:15:10
【问题描述】：
HTML 文件在浏览器中运行良好，但在 Outlook 2010 / 2013 中无法正常触发。
有很多边距和间隙问题，甚至边框在 img 标签上都不起作用
任何帮助都会非常显着。您可以在下面找到代码：
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>
MESC 2014
</title>
<style type="text/css">
/*<![CDATA[*/
.logo {
text-align:right;
}
body{font-family:Arial; font-size:15px; line-height:1.5; }
.padding15{padding:15px;}
/*]]>*/
</style>
</head>
<body>
<table width="600" border="0" cellpadding="2" align="center">
<tbody>
<tr>
<td colspan="2">
</td>
<td align="right" style="padding:10px 0 15px 0;">
<a href="http://www.test.com"><img src=
"http://test.com/test/testt/images/emailLogo.png"
width="131" height="36" alt="" /></a>
</td>
</tr>
<tr>
<td colspan="3">
<table border="0" cellpadding="0" width="600" height=
"160">
<tbody>
<tr>
<td>
<img src=
"http://test.com/test/testt/images/MESC%20banner%202014.jpg"
width="600" height="160" style=
"border-top: 1px solid #808080; border-bottom: 1px solid #808080; " />
</td>
<td>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td class="mktEditable" id='area1' colspan="3" style=
"line-height:1.8; padding:20px 10px; border-bottom:1px solid #73716f">
Hello Sir/Madam,<br />
<br />
Lorem lipsum Lorem lipsum Lorem lipsum .<br />
<br />
Lorem lipsum Lorem lipsum Lorem lipsum
Lorem lipsum Lorem lipsum Lorem lipsum Lorem lipsum
Lorem lipsum Lorem lipsum.
</td>
</tr>
<tr>
<td colspan="3" style="font-size:18px; padding:25px 10px"
class="mktEditable" id='area2'>
Lorem lipsum Lorem lipsum Lorem lipsum :
</td>
</tr>
<tr>
<td style="padding:0 20px;" width="80">
<img src=
"http://test.com/test/testt/images/MESC2014Visuals_11.png"
width="63" height="61" alt=""style=";" />
</td>
<td colspan="3" style="padding:10px 0" width="400" class=
"mktEditable" id='area3'>
<strong>Our basecamp solutions:</strong><br />
Lorem lipsum Lorem lipsum Lorem lipsum
Lorem lipsum Lorem lipsum Lorem lipsum
Lorem lipsum Lorem lipsum
Lorem lipsum.
</td>
</tr>
<tr>
<td style="padding:0 20px;" width="80">
<img src=
"http://test.com/test/testt/images/MESC2014Visuals_14.png"
width="63" height="61" alt="" style=";" />
</td>
<td colspan="3" style="padding:10px 0" width="400" class=
"mktEditable" id='area4'>
<strong>Lorem lipsum :</strong><br />
Lorem lipsum Lorem lipsum Lorem lipsum
Lorem lipsum Lorem lipsum Lorem lipsum Lorem lipsum
Lorem lipsum Lorem lipsum Lorem lipsum
Lorem lipsum Lorem lipsum
</td>
</tr>
<tr>
<td style="padding:0 20px;" width="80">
<img src=
"http://test.com/test/testt/images/MESC2014Visuals_16.png"
width="63" height="69" alt=""style=";" />
</td>
<td colspan="3" style="padding:10px 0" width="400" class=
"mktEditable" id='area9'>
<strong>Lorem lipsum :</strong><br />
Lorem lipsum Lorem lipsum Lorem lipsum
Lorem lipsum Lorem lipsum Lorem lipsum
Lorem lipsum Lorem lipsum Lorem lipsum Lorem lipsum
Lorem lipsum Lorem lipsum.
</td>
</tr>
<tr>
<td colspan="3" style=
"font-size:18px; padding:20px 0 0 0;" class="mktEditable"
id='area5'>
<strong style=
"color:#f7931e; text-transform:uppercase;">Lorem lipsum
Lorem lipsum .</strong><br />
Lorem lipsum Lorem lipsum Lorem lipsum
Lorem lipsum Lorem lipsum
Lorem lipsum Lorem lipsum Lorem lipsum :
</td>
</tr>
<tr>
<td style="padding:0 20px;" width="80">
<img src=
"http://test.com/test/testt/images/MESC2014Visuals_18.png"
width="63" height="59" alt="" style=";" />
</td>
<td colspan="3" style="padding: 30px 0 0;" width="400"
class="mktEditable" id='area6'>
<strong>3 p.m. Tuesday, Aug. 19:</strong><br />
Lorem lipsum Lorem lipsum Lorem lipsum Lorem lipsum
Lorem lipsum Lorem lipsum Lorem lipsum
Lorem lipsum Lorem lipsum Lorem lipsum
Lorem lipsum Lorem lipsum.
</td>
</tr>
<tr>
<col width="100px" />
<col width="50px" />
<td style="padding:0 20px;" width="100">
<img src=
"http://test.com/test/testt/images/MESC2014Visuals_18.png"
width="63" height="59" style=";" alt="" />
</td>
<td colspan="3" style="padding: 30px 0 0;" width="500"
class="mktEditable" id='area7'>
<strong>Lorem lipsum Lorem lipsum
ICD-10:</strong><br />
Lorem lipsum Lorem lipsum Lorem lipsum Lorem lipsum
Lorem lipsum Lorem lipsum Lorem lipsum
Lorem lipsum Lorem lipsum Lorem lipsum Lorem lipsum .<br />
<br />
Lorem lipsum Lorem lipsum Lorem lipsum Lorem lipsum!
</td>
</tr>
<tr>
<td colspan="3" style=
"color:#58595b; font-size:12px; text-align:justify; border-top:1px solid #73716f; padding-top:20px;">
ABOUT Lorem lipsum <br />
Lorem lipsum Lorem lipsum Lorem lipsum
Lorem lipsum Lorem lipsum Lorem lipsum
Lorem lipsum Lorem lipsum Lorem lipsum <br />
Learn more about us at Lorem lipsum.com. <a href=
'http://www.contactus.com' style=
"color:#f7931e;">Contact us</a>.
</td>
</tr>
</tbody>
</table>
</body>
</html>
【问题讨论】：
标签： html outlook html-email outlook-2010 email-client