Не нравятся результаты поиска? Попробуйте другой поиск!
dle-faq.ru FAQ (все вопросы) Общие вопросы по вёрстке Почему Оутлук добавляет расстояние между картинками?

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


     23.05.2016    Общие вопросы по вёрстке    455

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

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

<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>

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


Комментарии пользователей (4)

deadluk
2

38 | 1

deadluk - 23 мая 2016 19:48 - Юзер

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

DatiX
2

174 | 112

DatiX - 23 мая 2016 22:22 - Юзер

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

Sander
1126

1637 | 1204

Sander - 23 мая 2016 22:46 - Эксперт

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

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

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

ICQ: 404-037-556
Skype: Sander8804

deadluk
2

38 | 1

deadluk - 23 мая 2016 23:24 - Юзер

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

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

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