1

我已经在这个 html 上工作了一段时间，试图弄清楚为什么 Outlook 2010 在超链接的图像之间添加了这条 1px 白线。

我很确定我已经尝试过我读过的关于 Html 电子邮件和 Outlook 的所有技巧。下面是我仅用于 2 个表的代码/样式。他们每个人都有一张单张图片。如果我删除超链接，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>

欢迎任何和所有的想法！

4

2 回答 2

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>
于 2015-07-02T07:44:39.287 回答
0

尝试从width='600px'中删除<td>，以便它占用img

于 2012-09-28T16:20:55.340 回答