Кодирование HTML электронной почты для Gmail.Связанное изображение показывает неоновый синий фон - PullRequest
Новая
       29

Кодирование HTML электронной почты для Gmail.Связанное изображение показывает неоновый синий фон

0 голосов
/ 30 мая 2018

Я надеюсь, что кто-то может помочь мне с этим.Я перепробовал все, что знаю, и прочитал все статьи, которые смог найти.Ничего не сработало

По сути, есть то, что кажется неоново-синим цветом фона, который отображается ТОЛЬКО на Gmail в <td>, содержащем изображение заголовка.

Снимок экрана (с отсутствующим изображением):

enter image description here

Снимок экрана (с изображением неонового фона):

enter image description here

Код таблицы: 

<table border="0" cellspacing="0" class="body-wrap" bgcolor="#FFFFFF" style="max-width: 600px">
  <tbody>
    <tr>
      <td align="center" class="container" bgcolor="=FFFFFF" style="padding: 0px; margin: 0px; line-height:10px; font-size:6px">
        <div class="container1">
          <a href="http://www.rolla.com" style="text-decoration: none; border: none"><img src="https://rolla.igamingcloud.com/Images/Emails/MailSystem/Upload/rolla_system_header.gif" align=“absbottom” width="100%" style="display:block; max-height: 172px; max-width: 600px; border:none; padding: 0px; margin 0px" border="0" alt="Rolla Casino Logo"
            /></a>
        </div>
      </td>
    </tr>
  </tbody>
</table>

Я указал цвет фона white в таблице и тд.Я также добавил атрибуты стиля к границе к тегам href и img.Ничего из этого не сработало.

Оба класса container и container1 содержат: 

border-width:0 none;
background: #ffffff;
text-decoration: none;
text-decoration-color: #ffffff;

Даже когда я отменил связь с изображением заголовка и отправил еще один тест, синий был там!

1 Ответ

0 голосов
/ 30 мая 2018

Я думаю, что вы добавили равное, а не хэш в оформлении фона цвета для тд.У вас есть bgcolor="=FFFFFF" вместо bgcolor="#FFFFFF".Ниже приведен фиксированный код: 

<table border="0" cellspacing="0" class="body-wrap" bgcolor="#FFFFFF" style="max-width: 600px">
  <tbody>
    <tr>
      <td align="center" class="container" bgcolor="#FFFFFF" style="padding: 0px; margin: 0px; line-height:10px; font-size:6px">
        <div class="container1">
          <a href="http://www.rolla.com" style="text-decoration: none; border: none"><img src="https://rolla.igamingcloud.com/Images/Emails/MailSystem/Upload/rolla_system_header.gif" align=“absbottom” width="100%" style="display:block; max-height: 172px; max-width: 600px; border:none; padding: 0px; margin 0px" border="0" alt="Rolla Casino Logo"
            /></a>
        </div>
      </td>
    </tr>
  </tbody>
</table>

Приветствия

...