Почему Оутлук добавляет расстояние между картинками?

вопрос

Верстаю письмо, у всех почтовиках кроме оутлука норм, а вот оутлук добавляет какое то расстояние между картинками

Вот код блока с проблемой, испробовал все...

<table width="600" align="center" bgcolor="#ffffff" border="0" cellspacing="0" cellpadding="0" style="font-size: 0px;">
  <tr>
    <td align="center" valign="top" style="margin:0; padding:0;">
      <table id="Table_01" width="600" height="1842" border="0" cellpadding="0" cellspacing="0">
        <tr>
          <td colspan="7"><img style="vertical-align: bottom; display:inline-block;" border="0" src="E-mail-2016.05_01.png" width="600" height="126" alt=""></td>
        </tr>
        <tr>
          <td colspan="2" rowspan="3">
            <a style="border: 0px; outline: 0px; display: block; margin: 0px; padding: 0px; font-size: 0px;" href="http://snowqueen.ru/платье-131346000-la+reine+blanche?mc_cid={{CONTACT`subscriber_id`}}&utm_source=gr&utm_medium=email&utm_campaign=24052016&utm_content=i111"><img style="vertical-align: bottom; display:inline-block;" border="0" src="E-mail-2016.05_02.png" width="160" height="506" alt=""></a>
          </td>
          <td colspan="3">
            <a style="border: 0px; outline: 0px; display: block; margin: 0px; padding: 0px; font-size: 0px;" href="http://snowqueen.ru/блузка-131347000-la+reine+blanche?mc_cid={{CONTACT`subscriber_id`}}&utm_source=gr&utm_medium=email&utm_campaign=24052016&utm_content=i211"><img style="vertical-align: bottom; display:inline-block;" border="0" src="E-mail-2016.05_03.png" width="240" height="185" alt=""></a>
          </td>
          <td colspan="2" rowspan="3"><img style="vertical-align: bottom; display:inline-block;" border="0" src="E-mail-2016.05_04.png" width="200" height="506" alt=""></td>
        </tr>
        <tr>
          <td colspan="3">
            <a style="border: 0px; outline: 0px; display: block; margin: 0px; padding: 0px; font-size: 0px;" href="http://snowqueen.ru/юбка-138043000-la+reine+blanche?mc_cid={{CONTACT`subscriber_id`}}&utm_source=gr&utm_medium=email&utm_campaign=24052016&utm_content=i311"><img style="vertical-align: bottom; display:inline-block;" border="0" src="E-mail-2016.05_05.png" width="240" height="171" alt=""></a>
          </td>
        </tr>
        <tr>
          <td colspan="3">
            <a style="border: 0px; outline: 0px; display: block; margin: 0px; padding: 0px; font-size: 0px;" href="http://snowqueen.ru/сумка-137284000-acasta?mc_cid={{CONTACT`subscriber_id`}}&utm_source=gr&utm_medium=email&utm_campaign=24052016&utm_content=i411"><img style="vertical-align: bottom; display:inline-block;" border="0" src="E-mail-2016.05_06.png" width="240" height="150" alt=""></a>
          </td>
        </tr>
        <tr>
          <td colspan="3" rowspan="2"><img style="vertical-align: bottom; display:inline-block;" border="0" src="E-mail-2016.05_07.png" width="200" height="485" alt=""></td>
          <td colspan="4">
            <a style="border: 0px; outline: 0px; display: block; margin: 0px; padding: 0px; font-size: 0px;" href="http://snowqueen.ru/блузка-138101000-la+reine+blanche?mc_cid={{CONTACT`subscriber_id`}}&utm_source=gr&utm_medium=email&utm_campaign=24052016&utm_content=i511"><img style="vertical-align: bottom; display:inline-block;" border="0" src="E-mail-2016.05_08.png" width="400" height="178" alt=""></a>
          </td>
        </tr>
        <tr>
          <td colspan="3">
            <a style="border: 0px; outline: 0px; display: block; margin: 0px; padding: 0px; font-size: 0px;" href="http://snowqueen.ru/брюки-139029000-s.oliver?mc_cid={{CONTACT`subscriber_id`}}&utm_source=gr&utm_medium=email&utm_campaign=24052016&utm_content=i611"><img style="vertical-align: bottom; display:inline-block;" border="0" src="E-mail-2016.05_09.png" width="218" height="307" alt=""></a>
          </td>
          <td>
            <a style="border: 0px; outline: 0px; display: block; margin: 0px; padding: 0px; font-size: 0px;" href="http://snowqueen.ru/кожаная+куртка-139672000-la+reine+blanche?mc_cid={{CONTACT`subscriber_id`}}&utm_source=gr&utm_medium=email&utm_campaign=24052016&utm_content=i711"><img style="vertical-align: bottom; display:inline-block;" border="0" src="E-mail-2016.05_10.png" width="182" height="307" alt=""></a>
          </td>
        </tr>
        <tr>
          <td rowspan="2">
            <a style="border: 0px; outline: 0px; display: block; margin: 0px; padding: 0px; font-size: 0px;" href="http://snowqueen.ru/платье-138067000-la+reine+blanche?mc_cid={{CONTACT`subscriber_id`}}&utm_source=gr&utm_medium=email&utm_campaign=24052016&utm_content=i811"><img style="vertical-align: bottom; display:inline-block;" border="0" src="E-mail-2016.05_11.png" width="152" height="535" alt=""></a>
          </td>
          <td colspan="3">
            <a style="border: 0px; outline: 0px; display: block; margin: 0px; padding: 0px; font-size: 0px;" href="http://snowqueen.ru/блузка-131348000-la+reine+blanche?mc_cid={{CONTACT`subscriber_id`}}&utm_source=gr&utm_medium=email&utm_campaign=24052016&utm_content=i911"><img style="vertical-align: bottom; display:inline-block;" border="0" src="E-mail-2016.05_12.png" width="122" height="364" alt=""></a>
          </td>
          <td>
            <a style="border: 0px; outline: 0px; display: block; margin: 0px; padding: 0px; font-size: 0px;" href="http://snowqueen.ru/юбка-140253000-la+reine+blanche?mc_cid={{CONTACT`subscriber_id`}}&utm_source=gr&utm_medium=email&utm_campaign=24052016&utm_content=i1011"><img style="vertical-align: bottom; display:inline-block;" border="0" src="E-mail-2016.05_13.png" width="126" height="364" alt=""></a>
          </td>
          <td colspan="2" rowspan="2"><img style="vertical-align: bottom; display:inline-block;" border="0" src="E-mail-2016.05_14.png" width="200" height="535" alt=""></td>
        </tr>
        <tr>
          <td colspan="4">
            <a style="border: 0px; outline: 0px; display: block; margin: 0px; padding: 0px; font-size: 0px;" href="http://snowqueen.ru/сумка-137205000-la+reine+blanche?mc_cid={{CONTACT`subscriber_id`}}&utm_source=gr&utm_medium=email&utm_campaign=24052016&utm_content=i1111"><img style="vertical-align: bottom; display:inline-block;" border="0" src="E-mail-2016.05_15.png" width="248" height="171" alt=""></a>
          </td>
        </tr>
        <tr>
          <td colspan="7"><img style="vertical-align: bottom; display:inline-block;" border="0" src="E-mail-2016.05_16.png" width="600" height="189" alt=""></td>
        </tr>
        <tr>
          <td><img style="vertical-align: bottom; display:inline-block;" border="0" src="spacer.gif" width="152" height="1" alt=""></td>
          <td><img style="vertical-align: bottom; display:inline-block;" border="0" src="spacer.gif" width="8" height="1" alt=""></td>
          <td><img style="vertical-align: bottom; display:inline-block;" border="0" src="spacer.gif" width="40" height="1" alt=""></td>
          <td><img style="vertical-align: bottom; display:inline-block;" border="0" src="spacer.gif" width="74" height="1" alt=""></td>
          <td><img style="vertical-align: bottom; display:inline-block;" border="0" src="spacer.gif" width="126" height="1" alt=""></td>
          <td><img style="vertical-align: bottom; display:inline-block;" border="0" src="spacer.gif" width="18" height="1" alt=""></td>
          <td><img style="vertical-align: bottom; display:inline-block;" border="0" src="spacer.gif" width="182" height="1" alt=""></td>
        </tr>
      </table>
    </td>
  </tr>
</table>

Ответа пока нет

Fancybox.bind("[data-highslide]", { groupAttr: 'data-highslide', idle:2000, Thumbs: false, caption: (fancybox, slide) => { if( slide.thumbEl && slide.thumbEl.alt ) { return slide.thumbEl.alt } } });

4 комментария

Юзер

588

deadluk - 2015-12-2323 мая 2016 19:48 - #55849

"оутлука"???

175

DatiX - 2015-12-2323 мая 2016 22:22 - #55860

да, это письмо... я же упоминал.

PHP-developer

1783

Sander - 2015-12-2323 мая 2016 22:46 - #55861

Ньюфаги не знают что такое Outlook Express :)

Я бы попробовал для самой картинки прописать outline:0;
И еще можно попробовать аттрибуты vspace и hspace

SanDev.pro - мой блог.

Telegram: @sandev
Skype: Sander8804

deadluk - 2015-12-2323 мая 2016 23:24 - #55863

Куда уж нам до высшего "разума". Естественно я не знал ЧТО ЭТО. "аутлук" А!

Почему Оутлук добавляет расстояние между картинками?

Ответа пока нет

4 комментария

Похожие вопросы

Не отображается модальное окно в IE 10

Картинка в javascript

Как прописать в ajax/freedback.php значение выбранное в календаре?

Сначала видео потом HTML. Как?

Как сделать кнопки слайдеру?

Как перевести табличную вёрстку в html5 ?

Помогите отредактировать переключатель плееров?

Как правильно сделать переключение категорий?

Как отцентровать картинку меньшего размера?

Как сделать функциональное меню на dle?