如何在Outlook 2010，Outlook 2007，Outlook 2013中的圖像頂部的文本上提供填充/邊距？

我想在下面添加一個圖像頂部的文字。它正在處理除Outlook 2010，Outlook 2007，Outlook 2013之外的所有電子郵件客戶端。所有三種填充都會被忽略。我已經到處都試過了:(請幫助我獲得的圖像的頂部，使得它具有147px左邊和頂部107px填充/保證金的文/如何在Outlook 2010，Outlook 2007，Outlook 2013中的圖像頂部的文本上提供填充/邊距？

解決了這個問題，如下最後：

<tr> 
     <td background="yourimage.gif" bgcolor="#c0393f" width="600" height="240" valign="top" style="background:url('yourimage.gif')"> 
      <!-- M$ hack for table background images --> 
      <xsl:comment> 
       <![CDATA[[if gte mso 9]> 
        <v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" color="#c0393f" style="width:600px;height:240px;"> 
        <v:fill type="frame" src="yourimage.gif" /> 

        <v:textbox inset="107px,147px,0px,0px" id="headerTitle"> 
        <![endif]]]> 
      </xsl:comment> 
      <font style="color:#c9be8a;font-weight:700;font-size:19px;width:300px;text-transform:uppercase;"> 
       <div style="color:#c9be8a;font-weight:700;font-size:19px;width:300px;text-transform:uppercase;padding:147px 0px 0px 107px;"> 
        Your Text 
       </div> 
      </font> 
      <xsl:comment> 
       <![CDATA[[if gte mso 9]> 
        </v:textbox> 
        </v:rect> 
        <![endif]]]> 
      </xsl:comment> 
     </td> 
    </tr>

來源

2015-04-24 Hello Universe

格填充在Outlook忽略。最好的辦法是插入一個表格的DIV中，然後墊它裏面的達陣。

有在你的代碼中的一些其他錯誤，我在做了修改下面，但這在Outlook中有效，我也推薦使用padding-top等來代替padding因爲我發現它在電子郵件客戶端中被廣泛接受和一致。

 <table width="640" height="240"> 
<tr> 
<td background="http://www.swagatobhatta.info/emailtest/header.gif" width="600" height="240" valign="top"> 
    <!--[if gte mso 9]> 
    <v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width:600px;height:240px;"> 
    <v:fill type="tile" src="http://www.swagatobhatta.info/emailtest/header.gif" /> 
    <v:textbox inset="0,0,0,0"> 
    <![endif]--> 
    <div> 
    <table width="400" align="right" cellpadding="0" cellspacing="0" border="0" style="color:#c9be8a;font-weight:700;font-size:19px;width:400px;"> 
     <tr> 
     <td style="text-transform:uppercase;padding-top:107px; padding-left:147px;">TEST CONTENTS TEST CONTENTS TEST CONTENTS</td></tr> 
     </table></div> 
    <!--[if gte mso 9]> 
    </v:textbox> 
    </v:rect> 
    <![endif]--> 
</td> 
         </tr> 
        </table>

來源

2015-04-24 14:16:56 Gortonington

你有一個封閉的字體標籤，但沒有開放。這是有意完成的嗎？ –

是一個錯誤。我刪除了他原來的字體標籤，肯定錯過了一個。將編輯答案刪除。 – Gortonington

嗨，感謝您的回覆。我更新了我的代碼以嘗試反映您的更改。不知何故，我已經爲Outlook 2010丟失了所有的文本......我想我會因此而瘋狂。請幫忙 –

如何在Outlook 2010，Outlook 2007，Outlook 2013中的圖像頂部的文本上提供填充/邊距？

回答

相關問題