HTML中的HTML分解,但在浏览器中没有分手的情况下呈现良好

时间:2014-05-22 09:52:22

标签: html css outlook

我开发了一个HTML邮件程序,它必须在Outlook中呈现它在所有浏览器中都能正常工作但在Outlook中呈现时会中断。请参阅以下链接以获取代码。

http://jsfiddle.net/Z8xFn/

    <body>
     <table class="mailer-document" cellpadding="0" cellspacing="0">
<tr>
    <td class="header">
    <img src="top green and blue lines.jpg" alt="header"  />
    </td>
</tr>
    <tr class="content-bg">
    <td>
    <p class="welcomecontent">Hi <span class="username">KELLY DEANNA,</span></p>
    </td>
</tr>
<tr class="content-bg">
    <td>
        <p class="welcomecontent"><span>Federation Request has been raised by</span> 
       <b>Renu V Menon</b>          <span>and its in your cart for approval</span></p>
    </td>
</tr>
<tr class="content-bg">
    <td>
    <p class="details">Following are the details of the request for your reference:</p>
    </td>
     </tr>
 </table>
   <table class="details-table" cellpadding="0" cellspacing="0">
<tr>
<td class="details-left" width="185px">
    <span class="RequestID">
    Request ID
    </span>
</td>
<td class="details-right" width="auto">
<span class="Details">: 30147633 </span>
</td>
</tr>
<tr>
<td class="details-left" width="185px">
    <p class="RequestID">
    Associate ID
    </p>
</td>
<td class="details-right" width="auto">
<p class="Details">: 394163 </p>
</td>
</tr>
<tr>
<td class="details-left" width="185px">
    <p class="RequestID">
    Project Name
    </p>
</td>
<td class="details-right" width="auto">
<p class="Details">: Domain </p>
</td>
</tr>
<tr>
<td class="details-left" width="185px">
    <p class="RequestID">
    Domain Name
    </p>
</td>
<td class="details-right" width="auto">
<p class="Details">: <a href="#">Domain@tech.com</a> </p>
</td>
</tr>

    </table>
       </body>

1 个答案:

答案 0 :(得分:1)

在你的表格中,tr和td标签添加:

border="0"

并将其添加到您的头脑中:

<style type="text/css">
   table {border-collapse: collapse;}
</style>

我希望这会有所帮助:)