WedX - журнал о программировании и компьютерных науках

Проблемы с интервалом между Outlook и Gmail

Я пытаюсь собрать несколько подписей электронной почты, но у меня возникают проблемы при отправке из Outlook в Gmail. Отправка подписи из Gmail в Outlook выглядит хорошо, и подпись хорошо выглядит в клиенте Outlook. НО, как только электронное письмо отправляется из Outlook в Gmail, оно добавляет интервалы и немного портит ситуацию. Я провел некоторое исследование и попытался внедрить исправления, но пока не повезло.

Вот письмо правильно отображается в Outlook: и здесь он отображается неправильно после получения gmail

Странно то, что он отлично работает при отправке из gmail, поэтому что-то должно происходить по пути из Outlook › gmail. Любые советы будут очень признательны! Я знаю, что мой код не очень хорош, просто графический дизайнер сражается со стилем электронной почты!

ОБНОВЛЕНИЕ. Похоже, проблема в этом коде в gmail. Есть ли способ его перезаписать?ИЗОБРАЖЕНИЕ

Код ниже:

<head>
    <style>
    span, p, td, tr {color:#24406d; line-height: 90%;mso-line-height: taro-papo; font-family: Helvetica, Arial, sans-serif;}
    </style>
</head>
<html>
<body>
<table bgcolor="#ffffff" style="width: 320px; background: white;">
    <tr><td><hr></td></tr>
<td><span style="font-size: 22px; font-weight: 600;">Name Nameson</span></td></tr>
<tr><td><span style="text-transform: uppercase; font-size: 14px;">Customer Service Manager</span></td></tr>
<tr><td><hr></td></tr>
    <tr><td><span style="font-weight: 600;">P.</span>&nbsp;&nbsp;<span>07 1111 1111</span></td></tr>
    <tr><td><span style="font-weight: 600;">M.</span>&nbsp;&nbsp;<span>0401 111 111</span></td></tr>
    <tr><td><span style="font-weight: 600;">E.</span>&nbsp;&nbsp;<span>[email protected]</td></tr>
    <tr><td><span style="font-weight: 600;">A.</span>&nbsp;&nbsp;<span>13/14 Argyle St, Albion QLD 4010</td></tr>
    <tr><td><span style="font-weight: 600;">W.</span>&nbsp;&nbsp;<span>www.venetablinds.com.au</p></td></tr>
<tr><td><img src="https://drive.google.com/uc?id=1xze-aa3lvrf6Rrvl0Krb5G2sfVA2LZFm" width="320px"></tr>
<tr><td><span style="white-space: nowrap;">
    <a><img src="https://drive.google.com/uc?id=1jiViwT0NnYrNSeUbfjh1RwbyMfL4IACa"></a> 
    <a><img src="https://drive.google.com/uc?id=1S1wRD6Fqx8MqDu0RlCYauhgWiBMVCLyo"></a> 
    <a><img src="https://drive.google.com/uc?id=18yiUbFJ4NAapVLkMBBrAvo-HrQFNZ6-e"></a></td></span></tr>
</span>
</table>
</body>
</html>
02.03.2021

Ответы:


1

Не могли бы вы проверить приведенный ниже код? Надеюсь, это сработает для вас. Вы должны указать cellpadding="0" и cellspacing="0" в table, и мы изменим вашу структуру HTML для получения желаемого результата.

Пожалуйста, перейдите по этой ссылке: https://jsfiddle.net/yudizsolutions/rhL0p7nw/3/

<html>

<head>
  <style>
    span,
    p,
    td,
    tr {
      color: #24406d;
      line-height: 90%;
      mso-line-height: taro-papo;
      font-family: Helvetica, Arial, sans-serif;
    }
  </style>
</head>

<body>
  <table cellpadding="0" cellspacing="0" bgcolor="#ffffff" style="width: 320px; background: white;">
    <tr>
      <td>
        <hr>
      </td>
    </tr>
    <tr>
      <td><span style="font-size: 22px; font-weight: 600;">Name Nameson</span></td>
    </tr>
    <tr>
      <td height="5"></td>
    </tr>
    <tr>
      <td><span style="text-transform: uppercase; font-size: 14px;">Customer Service Manager</span></td>
    </tr>
    <tr>
      <td>
        <hr>
      </td>
    </tr>
    <tr>
      <td><span style="font-weight: 600;">P.</span>&nbsp;&nbsp;<span>07 1111 1111</span></td>
    </tr>
    <tr>
      <td height="5"></td>
    </tr>
    <tr>
      <td><span style="font-weight: 600;">M.</span>&nbsp;&nbsp;<span>0401 111 111</span></td>
    </tr>
    <tr>
      <td height="5"></td>
    </tr>
    <tr>
      <td><span style="font-weight: 600;">E.</span>&nbsp;&nbsp;<span>[email protected]</span></td>
    </tr>
    <tr>
      <td height="5"></td>
    </tr>
    <tr>
      <td><span style="font-weight: 600;">A.</span>&nbsp;&nbsp;<span>13/14 Argyle St, Albion QLD 4010</span></td>
    </tr>
    <tr>
      <td height="5"></td>
    </tr>
    <tr>
      <td><span style="font-weight: 600;">W.</span>&nbsp;&nbsp;<span>www.venetablinds.com.au</span></p>
      </td>
    </tr>
    <tr>
      <td><img src="https://drive.google.com/uc?id=1xze-aa3lvrf6Rrvl0Krb5G2sfVA2LZFm" width="320px">
    </tr>
    <tr>
      <td height="5"></td>
    </tr>
    <tr>
      <td>
        <a><img src="https://drive.google.com/uc?id=1jiViwT0NnYrNSeUbfjh1RwbyMfL4IACa"></a>
        <a><img src="https://drive.google.com/uc?id=1S1wRD6Fqx8MqDu0RlCYauhgWiBMVCLyo"></a>
        <a><img src="https://drive.google.com/uc?id=18yiUbFJ4NAapVLkMBBrAvo-HrQFNZ6-e"></a>
      </td>
    </tr>
  </table>
</body>

</html>

Пожалуйста, проверьте полученное изображение:

введите здесь описание изображения

02.03.2021
  • Привет! Спасибо, что нашли время, чтобы посмотреть на это, очень ценю это. К сожалению, проблема все еще возникает, я добавил поправку к своему начальному сообщению кода, которая переопределяет мой стиль высоты строки. Не уверен, что есть способ переопределить это! 02.03.2021
  • Что касается высоты строки, вы можете добавить ее вместе с размером шрифта. Это может решить вашу проблему. 02.03.2021
  • Новые материалы

    Объяснение документов 02: BERT
    BERT представил двухступенчатую структуру обучения: предварительное обучение и тонкая настройка. Во время предварительного обучения модель обучается на неразмеченных данных с помощью..

    Как проанализировать работу вашего классификатора?
    Не всегда просто знать, какие показатели использовать С развитием глубокого обучения все больше и больше людей учатся обучать свой первый классификатор. Но как только вы закончите..

    Работа с цепями Маркова, часть 4 (Машинное обучение)
    Нелинейные цепи Маркова с агрегатором и их приложения (arXiv) Автор : Бар Лайт Аннотация: Изучаются свойства подкласса случайных процессов, называемых дискретными нелинейными цепями Маркова..

    Crazy Laravel Livewire упростил мне создание электронной коммерции (панель администратора и API) [Часть 3]
    Как вы сегодня, ребята? В этой части мы создадим CRUD для данных о продукте. Думаю, в этой части я не буду слишком много делиться теорией, но чаще буду делиться своим кодом. Потому что..

    Использование машинного обучения и Python для классификации 1000 сезонов новичков MLB Hitter
    Чему может научиться машина, глядя на сезоны новичков 1000 игроков MLB? Это то, что исследует это приложение. В этом процессе мы будем использовать неконтролируемое обучение, чтобы..

    Учебные заметки: создание моего первого пакета Node.js
    Это мои обучающие заметки, когда я научился создавать свой самый первый пакет Node.js, распространяемый через npm. Оглавление Глоссарий I. Новый пакет 1.1 советы по инициализации..

    Забудьте о Matplotlib: улучшите визуализацию данных с помощью умопомрачительных функций Seaborn!
    Примечание. Эта запись в блоге предполагает базовое знакомство с Python и концепциями анализа данных. Привет, энтузиасты данных! Добро пожаловать в мой блог, где я расскажу о невероятных..


    Для любых предложений по сайту: [email protected]