ti-enxame.com

O Gmail envolve seus elementos HTML em uma classe chamada im

Eu tenho testado um processo de e-mail em HTML que eu criei recentemente. Mas ultimamente, quando abro o e-mail no Gmail, estou percebendo que certos elementos são agrupados em uma classe que sei que não coloquei no layout HTML original. Na verdade, eu apenas triplo verificado! Ao visualizar o e-mail HTML no Gmail, as seções aleatórias do meu formulário são agrupadas com ...

<div class="im">
....
</div>

Como resultado, algum texto fica roxo, enquanto outro texto não. Por que isso acontece?

Obrigado

40
klewis

O Gmail parece pensar que você está citando outros e-mails em uma conversa e, assim, está agrupando div.im em torno das seções do seu código que ele acha que são bits anteriores em uma conversa.

Isso pode acontecer se o seu código tiver uma TABELA com mais de um TR. Para contornar isso, em vez de vários TRs em uma TABLE, use várias TABLEs com um TR em cada.

Isso também pode acontecer se você tiver várias linhas de assunto iguais, fazendo com que o Gmail pense que essa é uma conversa. Você pode consertar isso, tornando cada linha de assunto única.

56
Derek S. Henderson

Eu também experimentei esse problema ao usar um parágrafo com quebras de linha única, assim:

<p>
   line 1<br>
   line 2<br>
   line 3
</p>

Consegui corrigir o problema no Gmail de remover todo o espaço em branco dessa parte específica do HTML e trazer o parágrafo inteiro e todo o conteúdo de volta para a borda esquerda da tela. Claro que parece um pouco confuso e você perde o recuo adequado, mas acho que isso ajuda o Gmail a não pensar acidentalmente que você está citando algo inline.

3
stevecomrie

Arquivos de estilo separados não funcionam para e-mails. O que você pode fazer é adicionar estilo para essa classe no html da seguinte maneira:

  <head>
       <style type="text/css">
        .im {
           color: #000000 !important;
        }
    </style>
  </head>

Isso deve dar estilo à classe .im caso seja encontrado

1
Zack

Eu tenho esse problema também. E acabei de adicionar uma char aleatória de cinco bits a cada final de linha e definir a cor como o plano de fundo. Em seguida, o problema foi corrigido.

Não é um bom caminho, mas se não houver outro jeito, talvez você possa tentar.

1
liwanglin12

Eu tive problemas semelhantes. Eu estava enviando e-mails de um aplicativo usando modelos. Então, quando eu mandei vários e-mails para o mesmo endereço, as linhas que são exatamente iguais em todos eles ficaram roxas. O Gmail adicionou esta tag automaticamente:

<div class="im">
.........
</div>

Não sei de fato, pareceu-me que o Gmail encapsula os textos comuns em uma conversa com a tag this. Discussão semelhante aqui .

0
Arif Hossain

Você ignora o estilo da classe im neste caminho

<b style="color:black;">Some text</b>

Algum texto não tem cor roxa

0
Stefan Dosković