Outlook 2010 html电子邮件在超链接图像之间的垂直1px空间

时间:2012-09-28 04:50:57

标签: html css html-email outlook-2010

我一直在研究这个html,试图找出为什么outlook 2010在超链接图像之间添加这条1px白线的原因。

我很确定我已经尝试了所有关于Html电子邮件和Outlook的技巧。下面是我仅用于2个表的代码/样式。他们每个都有1张单张图片。如果删除超链接,outlook 2010中没有空格。如果我留下超链接,我找不到摆脱空间的方法!

<table border="0" cellpadding="0" cellspacing="0"  style="border-collapse: collapse;" width="600">
        <tr>
            <td style="border-collapse: collapse;" width="600" height="179" >
                <a href="http://www.anzie.com/" style="height: 179px;  width: 600px; margin: 0px; padding: 0px;  display:block;  float: left; border:0; vertical-align:bottom;"><img border="0" align="left" alt="Gold Rush" height="179" src="https://d2q0qd5iz04n9u.cloudfront.net/_ssl/proxy.php/http/gallery.mailchimp.com/5513172da1aa95c4b84fdedba/images/ESSETIAL6_FALL_01.jpg" style="height: 179px;  width: 600px; margin: 0px; padding: 0px;  display:block;  float: left; border:0; vertical-align:bottom;" width="600" /></a>
            </td>
        </tr>
</table>
<table border="0" cellpadding="0" cellspacing="0"  style="border-collapse: collapse;" width="600">
        <tr>
            <td style="border-collapse: collapse;" width="600" height="25">
                <a href="http://www.anzie.com/viewall_gold.php" style="height: 25px;  width: 600px; margin: 0px; padding: 0px;  display:block;  float: left; border:0; vertical-align:bottom; border:0;"><img align="left"  border="0" alt="Shop Gold" height="25" src="https://d2q0qd5iz04n9u.cloudfront.net/_ssl/proxy.php/http/gallery.mailchimp.com/5513172da1aa95c4b84fdedba/images/ESSETIAL6_FALL_02.1.jpg" style="height: 25px;  width: 600px; margin: 0px; padding: 0px;  display:block;  float: left; border:0; vertical-align:bottom;" width="600" /></a> 
            </td>
        </tr>
</table>

欢迎任何和所有想法!

2 个答案:

答案 0 :(得分:1)

只是一个带有属性的订单问题,似乎......尝试这样,对我来说没问题! ;)

<table border="0" cellpadding="0" cellspacing="0" width="600">
  <tr>
    <td><a href="http://www.anzie.com/"><img style="display:block;" src="https://d2q0qd5iz04n9u.cloudfront.net/_ssl/proxy.php/http/gallery.mailchimp.com/5513172da1aa95c4b84fdedba/images/ESSETIAL6_FALL_01.jpg" height="179" width="600" alt="Gold Rush" border="0" /></a></td>
  </tr>
  <tr>
    <td><a href="http://www.anzie.com/viewall_gold.php" target="_blank"><img border="0" alt="Shop Gold" height="25" src="https://d2q0qd5iz04n9u.cloudfront.net/_ssl/proxy.php/http/gallery.mailchimp.com/5513172da1aa95c4b84fdedba/images/ESSETIAL6_FALL_02.1.jpg" style="display:block;" width="600" /></a></td>
  </tr>
</table>

答案 1 :(得分:0)

尝试从width='600px'移除<td>,以便占用img

的宽度