Outlook 2010 HTML электронная почта вертикальный интервал 1 пиксель между изображениями с гиперссылками

Я некоторое время работал над этим html, пытаясь понять, почему Outlook 2010 добавляет эту белую линию в 1 пиксель между изображениями, на которые есть гиперссылки.

Я почти уверен, что испробовал все приемы, которые я читал о электронных письмах Html и Outlook. Ниже приведен код/стиль, который я использую только для двух таблиц. У них есть 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>

Любые и все идеи приветствуются, пожалуйста!


html css html-email outlook-2010
person Sackling    schedule 28.09.2012    source источник
comment
Привет, @Sackling, ты хочешь, чтобы это было похоже на tinkerbin.com/dyIhhJ9S   -  person Rohit Azad Malik    schedule 28.09.2012
comment
Привет, что именно ты имеешь в виду?   -  person Sackling    schedule 28.09.2012
comment
Я вижу, вы добавили белую рамку сверху в 2 пикселя. Это именно то, чего я пытаюсь избежать?   -  person Sackling    schedule 28.09.2012
comment
Полный выстрел в темноте: вы пытались добавить «контур: нет»; по ссылкам тоже?   -  person chipcullen    schedule 28.09.2012

Ответы (2)


arrow_upward
1
arrow_downward

Просто вопрос порядка с атрибутами, кажется... Попробуйте так, мне подходит! ;)

<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>
person awip    schedule 02.07.2015
comment
Я только что запустил это и удалил все ваши стили и атрибуты, и это работает. Что-то внутри этих двух вещей добавляет к вашему коду поля, границы или отступы. - person ja408; 02.07.2015

arrow_upward
0
arrow_downward

попробуйте удалить width='600px' из <td>, чтобы он занимал ширину img

person Teena Thomas    schedule 28.09.2012