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

    @themax205
    как то так
    <table width="600" border="0" cellspacing="0" cellpadding="0" style="padding:0; margin:0; border-spacing:0; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 600px">
    <tr>
    <td align="center" style="padding: 0; margin: 0;">
    <table width="200" border="0" cellspacing="0" cellpadding="0" style="padding:0; margin:0; border-spacing:0; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 200px">
    <tr>
    <td align="center" style="padding: 0; margin: 0;">
    <img src="newlogo-med360.png" alt="Медицина360" width="142" height="42"  style="border-width:0; display: block; width: 142px; height: 42px;">
    </td>
    </tr>
    <!--padding bottom--><tr><td><div height="20" style="height: 20px; line-height: 20px; font-size: 16px">&nbsp;</div></td></tr><!--/padding bottom-->
    <tr>
    <td align="center" style="padding:0; margin:0; text-align:center; font-family: ‘Trebuchet MS’, Helvetica, sans-serif; font-size: 12px; line-height: 23px; color: #ababab;">
    text
    </td>
    </tr>
    <!--padding bottom--><tr><td><div height="20" style="height: 20px; line-height: 20px; font-size: 16px">&nbsp;</div></td></tr><!--/padding bottom-->
    </table>
    </td>
    <td align="center" style="padding: 0; margin: 0;">
    <table width="200" border="0" cellspacing="0" cellpadding="0" style="padding:0; margin:0; border-spacing:0; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 200px">
    <tr>
    <td align="center" style="padding: 0; margin: 0;">
    <img src="newlogo-med360.png" alt="Медицина360" width="142" height="42"  style="border-width:0; display: block; width: 142px; height: 42px;">
    </td>
    </tr>
    <!--padding bottom--><tr><td><div height="20" style="height: 20px; line-height: 20px; font-size: 16px">&nbsp;</div></td></tr><!--/padding bottom-->
    <tr>
    <td align="center" style="padding:0; margin:0; text-align:center; font-family: ‘Trebuchet MS’, Helvetica, sans-serif; font-size: 12px; line-height: 23px; color: #ababab;">
    text
    </td>
    </tr>
    <!--padding bottom--><tr><td><div height="20" style="height: 20px; line-height: 20px; font-size: 16px">&nbsp;</div></td></tr><!--/padding bottom-->
    </table>
    </td>
    <td align="center" style="padding: 0; margin: 0;">
    <table width="200" border="0" cellspacing="0" cellpadding="0" style="padding:0; margin:0; border-spacing:0; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 200px">
    <tr>
    <td align="center" style="padding: 0; margin: 0;">
    <img src="newlogo-med360.png" alt="Медицина360" width="142" height="42"  style="border-width:0; display: block; width: 142px; height: 42px;">
    </td>
    </tr>
    <!--padding bottom--><tr><td><div height="20" style="height: 20px; line-height: 20px; font-size: 16px">&nbsp;</div></td></tr><!--/padding bottom-->
    <tr>
    <td align="center" style="padding:0; margin:0; text-align:center; font-family: ‘Trebuchet MS’, Helvetica, sans-serif; font-size: 12px; line-height: 23px; color: #ababab;">
    text
    </td>
    </tr>
    <!--padding bottom--><tr><td><div height="20" style="height: 20px; line-height: 20px; font-size: 16px">&nbsp;</div></td></tr><!--/padding bottom-->
    </table>
    </td>
    </tr>
    </table>
    Ответ написан
    Комментировать
  • Как делать в html e-mail письма?

    @themax205
    Табличная верстка, tr td table tbody tr td Привет Мир td tr tbody table.....+ комменты под outlook, под max-width + стили инлайновые + doctype 4.01 + куча всего еще. Поддержка селекторов в email клиентах --https://www.campaignmonitor.com/css/style-element/... еще инфа --https://habr.com/ru/post/252279/
    Ответ написан
  • Как отменить инвертирование цвета в темной теме при верстке писем?

    @themax205
    Gmail App на iOS (iOS 13)
    Мое письмо было изначально темным со светлой строкой меню. iOS инвертировал темные цвета в светлые, а светлые — наоборот в темные.

    Gmail App на Android (Android 10)
    Он полностью инвертирует цвета: в темном режиме отображается не только пользовательский интерфейс, но и все письмо...
    Android 10 не инвертировал темные цвета в светлые, но заменил мою белую строку на темную.
    media - не раб.
    [data-ogsc]
    and/or [data-ogsb] - не раб

    GMAIL - НЕ ЧЕГО НЕ СДЕЛАТЬ
    Ответ написан
    Комментировать
  • Как верстать такой элемент табличной версткой?

    @themax205
    tr>td>a display="inline-block" читать подробнее span>img стрелочка display="inline-block" /span/a/td/tr
    Ответ написан
    Комментировать