Цвет фона отказывается применять в outlook - PullRequest
Новая
       15

Цвет фона отказывается применять в outlook

0 голосов
/ 10 апреля 2019

Это фрагмент кода из моего html-письма - в этом разделе цвет отказывается применять в outlook, несмотря на использование bgcolor и свойства стиля фона

Я приложил скриншот того, как он должен выглядеть

enter image description here

ТД сразу над заголовком не окрашивается.

Любая помощь будет великолепна 

<table width="650" border="0" cellspacing="0" cellpadding="0" align="center" bgcolor="fe513e" class="wrapper" style="margin-left:auto; background-color:#fe513e !important; font-size:1px; line-height:1px; margin-right:auto;" mc:repeatable mc:variant="Newsletter title">
  <tr>
    <td height="20" style="line-height:1px; font-size:1px; background-color:#fe513e !important;" bgcolor="#fe513e" class="fix_height"></td>
  </tr>
  <tr>
    <td width="30" bgcolor="#fe513e" style="background-color:#fe513e !important;" class="hide"></td>
    <td class="pad_side">
      <table width="100%" border="0" cellspacing="0" style="background-color: #fe513e !important;" cellpadding="0" align="center" class="wrapper" bgcolor="#fe513e">
        <tr>
          <td class="black" align="center" bgcolor="#fe513e" valign="top" style="font-family:Arial, sans-serif;font-size:20px;font-weight:600;letter-spacing:0;line-height:25px;color:#ffffff; background-color:#fe513e !important;" mc:edit="newsletter_title_1">The Latest News for October 2018</td>
        </tr>
        <tr>
          <td height="20" bgcolor="#fe513e" style="line-height:1px;font-size:1px; background-color: #fe513e;" class="fix_height"> </td>
        </tr>
      </table>
    </td>
    <td width="30" bgcolor="#fe513e" style="background-color: #fe513e !important" class="hide"> </td>
  </tr>
</table>

Ответы [ 2 ]

1 голос
/ 10 апреля 2019

Вы пропустили # при настройке таблицы bgcolor, поэтому Outlook for Desktop его не поднимет.

Итак, это: 

<table width="650" border="0" cellspacing="0" cellpadding="0" align="center" bgcolor="fe513e" class="wrapper" style="margin-left:auto; background-color:#fe513e !important; font-size:1px; line-height:1px; margin-right:auto;" mc:repeatable mc:variant="Newsletter title">

Должно быть: 

<table width="650" border="0" cellspacing="0" cellpadding="0" align="center" bgcolor="#fe513e" class="wrapper" style="margin-left:auto; background-color:#fe513e !important; font-size:1px; line-height:1px; margin-right:auto;" mc:repeatable mc:variant="Newsletter title">
0 голосов
/ 10 апреля 2019

добавление colspan = "3" сделает его идеальным 

<table width="650" border="0" cellspacing="0" cellpadding="0" align="center" bgcolor="#fe513e" class="wrapper" style="margin-left:auto; background-color:#fe513e !important; font-size:1px; line-height:1px; margin-right:auto;" mc:repeatable mc:variant="Newsletter title">
    <tr>
      <td height="20" style="line-height:1px; font-size:1px; background-color:#fe513e !important;" colspan="3" bgcolor="#fe513e" class="fix_height"></td>
      
    </tr>
    <tr>
      <td width="30" bgcolor="#fe513e" style="background-color:#fe513e !important;" class="hide"></td>
      <td class="pad_side">
        <table width="100%" border="0" cellspacing="0" style="background-color: #fe513e !important;" cellpadding="0" align="center" class="wrapper" bgcolor="#fe513e">
          <tr>
            <td class="black" align="center" bgcolor="#fe513e" valign="top" style="font-family:Arial, sans-serif;font-size:20px;font-weight:600;letter-spacing:0;line-height:25px;color:#ffffff; background-color:#fe513e !important;" mc:edit="newsletter_title_1">The Latest News for October 2018</td>
          </tr>
          <tr>
            <td height="20" bgcolor="#fe513e" style="line-height:1px;font-size:1px; background-color: #fe513e;" class="fix_height"> </td>
          </tr>
        </table>
      </td>
      <td width="30" bgcolor="#fe513e" style="background-color: #fe513e !important" class="hide"> </td>
    </tr>
  </table>
...