Outlook 2010中奇怪的表格格式

Question

我已經搜索和搜索並找不到答案。

我有奇怪的問題，僅顯示在Outlook 2010

正如你可以在圖片中看到的，我有（後面的圖像）一個大的表格單元格，並在另一側，在右邊（不是在圖像中）有9個單元格的表，在我的問題中可以找到相同的結構Here

現在，我不明白爲什麼Outlook 2010不能正確呈現我的代碼，爲什麼我圖像兩側有黑線（間距可能？）。

這裏是我當前的代碼，我可能忽略的東西... :(

<td rowspan="9"><img alt="Image" src="http://imagelink.com" width="177" height="177" style="margin:15px 0 10px 20px;border-style:solid;border-color:#fff;border-width:7px;-webkit-box-shadow:0 3px 7px 1px #cecece;-moz-box-shadow:0 3px 7px 1px #cecece;box-shadow:0 3px 7px 1px #cecece"></td> 

Answer 1

首先，沒有足夠的信息在這裏重複的問題。我複製你的確切情形中，從鏈接具備以上的片段。

<table> 
<tr> 
    <td rowspan="9"><img alt="Image" src="http://imagelink.com" width="177" height="177" style="margin:15px 0 10px 20px;border-style:solid;border-color:#fff;border-width:7px;-webkit-box-shadow:0 3px 7px 1px #cecece;-moz-box-shadow:0 3px 7px 1px #cecece;box-shadow:0 3px 7px 1px #cecece"> 
    </td> 
    <td> 
     Cell 1 
    </td> 
</tr> 
<tr> 
    <td> 
     Cell 2 
    </td> 
</tr> 
<tr> 
    <td> 
     Cell 3 
    </td> 
</tr> 
<tr> 
    <td> 
     Cell 4 
    </td> 
</tr> 
<tr> 
    <td> 
     Cell 5 
    </td> 
</tr> 
<tr> 
    <td> 
     Cell 6 
    </td> 
</tr> 
<tr> 
    <td> 
     Cell 7 
    </td> 
</tr> 
<tr> 
    <td> 
     Cell 8 
    </td> 
</tr> 
<tr> 
    <td> 
     Cell 9 
    </td> 
</tr> 
</table>​ 

測試了在Outlook 2010在Windows 7上沒有任何問題。請包括確切的標記。標題和正文內容可以影響電子郵件。

其次，你所使用的機器，不同的Outlook出現在XP比7

第三，你不應該使用速記CSS的電子郵件。請參閱：http://sixrevisions.com/web_design/creating-html-emails/

四，填充和利潤率只有對錶和TD標籤的工作，如果他們是跨電子郵件客戶端兼容：http://www.campaignmonitor.com/css/。但是，在Hotmail中不支持頁邊距。如果沒有按照鏈接將圖像嵌套到另一個表格中，則第一行的內部內容會出現填充/邊距問題。

五，您需要關閉所有標籤。圖像沒有關閉/。

我覺得你可能不得不在這裏使用嵌套表，因爲它可能是一個電子郵件客戶端顯示問題。有在這裏的一段：Campaignmonitor擁有的設計指南的外觀極好部分

試試這個：

<table> 
<tr> 
    <td> 
     <table> 
      <tr>     
       <td style="padding-top: 15px; padding-right:0px; padding-bottom: 10px; padding-left:20px;" width="177px" height="177px"> 
        <img alt="Image" src="http://imagelink.com" width="177px" height="177px" style="border-style:solid; border-color:#ffffff; border-width:7px; -webkit-box-shadow:0 3px 7px 1px #cecece; -moz-box-shadow:0 3px 7px 1px #cecece; box-shadow:0 3px 7px 1px #cecece" /> 
       </td> 
      </tr> 
     </table> 
    </td>    
    <td> 
     <table> 
      <tr> 
       <td> 
        Cell 1 
       </td> 
      </tr> 
      <tr> 
       <td> 
        Cell 2 
       </td> 
      </tr> 
      <tr> 
       <td> 
        Cell 3 
       </td> 
      </tr> 
      <tr> 
       <td> 
        Cell 4 
       </td> 
      </tr> 
      <tr> 
       <td> 
        Cell 5 
       </td> 
      </tr> 
      <tr> 
       <td> 
        Cell 6 
       </td> 
      </tr> 
      <tr> 
       <td> 
        Cell 7 
       </td> 
      </tr> 
      <tr> 
       <td> 
        Cell 8 
       </td> 
      </tr> 
      <tr> 
       <td> 
        Cell 9 
       </td> 
      </tr> 
     </table> 
    </td> 
</tr> 
</table>​ 

希望它能幫助！