在电子邮件客户端中填充超链接图像

时间:2012-07-18 16:05:09

标签: html css html-email

我有一个超链接图片和一个段落

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

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

有解决方法吗?

3 个答案:

答案 0 :(得分: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等在不同的浏览器,thunderbird,outlook ...)

答案 1 :(得分:0)

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

那说你试过在你的超​​链接中使用内联样式吗?

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

答案 2 :(得分: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>