2012-07-18 58 views
2

我有一个超链接的图像和段落填充在电子邮件客户端围绕超链接图片

<a href="#"><img src="" align="right"/></a><p>Some text</p> 

但这个超链接导致在Outlook段落的电子邮件一些填充。

有没有解决方法?

+0

我想补充固定的,我相信显示:在图像上块也可以解决这。 – Undefined 2012-07-23 11:54:24

+0

我曾试过把。但是它仍然会在Outlook中留下一个填充。我通过将段落和图像放在两个单独的单元中,即​​

​​内部表中来解决它。这删除了填充。 – user544079 2012-07-23 15:01:28

回答

3

我发现在编写html电子邮件时,必须放弃好的做法的所有概念。使用表和假定客户端将无法理解CSS或不明白旧的HTML标签:

<table width="100%" style="width: 100%;"> 
    <tr> 
     <td width="100%" style="width: 100%;"> 
      <p>Some text</p> 
     </td> 
     <td align="right" style="text-align: right;"> 
      <a href="#"><img src="" /></a> 
     </td> 
    </tr> 
</table> 

我会建议在每个浏览器和每个客户端可以检查它(的Hotmail,Gmail的ECT在不同的浏览器,雷鸟,展望...)

+0

谢谢,没关系为图像添加单独的表格,这总能修复它。 – user544079 2012-07-18 16:24:35

0

造型HTML电子邮件是一个有点烦人的过程。 Outlook只会让它变得更加复杂,因为Outlook可能与传统的基于Web的电子邮件提供程序(yahoo,hotmail,gmail等)显得非常不同

这就是说您是否尝试将内联样式应用于您的超链接?

<a style="padding:0; margin:0;" href="#">...... 
+0

是的,我已经尝试添加填充:0;保证金:0到链接。这并不会从OUtlook 2007中删除填充。我也尝试添加负边距,margin:0 -6px;这也没有帮助。所以基本上它会让我的段落受到一些像素的干扰:( – user544079 2012-07-18 16:13:50

0

它获得通过添加一个单独的表图像

<table border="0" cellpadding="0" cellspacing="0" width="x"> 
    <tr> 
    <td><p>Some text goes here</p></td> 
    <td><img src="picture.jpg" /></td> 
    </tr> 
</table> 
相关问题