2013-05-22 9 views
33

Ho testato un processo di posta elettronica HTML che ho creato di recente. Ma ultimamente, quando apro l'e-mail in Gmail, mi accorgo che alcuni elementi sono racchiusi in una classe che so di non aver inserito nel layout HTML originale. In effetti ho solo triplicato! Quando si visualizza l'e-mail HTML in Gmail, sezioni casuali di mia forma vengono avvolti con ...Gmail avvolge determinati elementi HTML in una classe chiamata im

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

Di conseguenza, un testo diventa viola, mentre altro testo non lo fa. Perché succede?

Grazie

+1

È perché GMail pensa che parti del messaggio siano risposte in linea ai messaggi precedenti in una conversazione. Puoi mettere il markup online in modo che possiamo vederlo? A volte tag non corrispondenti o altri errori nell'HTML possono causare questo. – greg84

+4

La riga dell'oggetto del modulo HTML era la stessa, per ogni messaggio diverso. Di conseguenza, Gmail pensa che le nuove email arrivino dove si connettono al messaggio originale, quando non lo fanno. Le righe dell'oggetto sono ora uniche: grazie a greg84! – blackhawk

risposta

46

Gmail sembra pensare che si sta citando altre email in una conversazione e così è il confezionamento div.im intorno alle sezioni del codice che pensa sono bit precedenti in una conversazione.

Questo potrebbe accadere se il codice ha una TABELLA con più di un TR. Per aggirare questo, piuttosto che diversi TR in una TABELLA, utilizzare più TAB con una TR in ciascuno.

Ciò potrebbe anche accadere se si dispone di più righe di oggetto uguali, facendo sì che Gmail ritenga che si tratti di una conversazione. Puoi sistemarlo rendendo ogni singola riga dell'oggetto unica.

+1

Avevo Gmail che pensava che ogni modulo HTML in arrivo si connettesse al messaggio originale avendo la mia riga dell'oggetto la stessa. Ho solo reso le righe del soggetto uniche per evitare quella confusione per Gmail, e il problema sembra essere andato per ora. Grazie!Quindi sì, ho pensato a Gmail che stavo citando altre email nella conversazione (in un certo senso). – blackhawk

+0

Sì, avrei dovuto aggiungerlo come un'altra possibile causa. Modificherò la mia risposta per riflettere questo. –

+0

Questa soluzione consente di schiacciare la tabella, poiché ogni colonna ha la propria larghezza per ogni riga. Pertanto, la tabella non è allineata per tutte le righe. – Ofershap

3

Ho anche avuto questo problema quando si utilizza un paragrafo con singole interruzioni di riga in questo modo:

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

sono stato in grado di correggere il problema si verifichi in Gmail da rimuovere tutto lo spazio in bianco da quella parte specifica di HTML e portando l'intero paragrafo e tutto il suo contenuto di nuovo a filo contro il bordo sinistro dello schermo. Certo, sembra un po 'disordinato e tu perdi il tuo indentazione, ma penso che questo aiuti Gmail a non pensare che stai citando qualcosa in linea.

+0

Avevo tag p con br, nessun rientro, e mi sono imbattuto in questo problema. cambiare il br per separare i tag p lo ha risolto per me. – jessica

-1

Ho avuto problemi simili. Stavo spedendo e-mail da un'applicazione usando i modelli. Quindi, quando ho inviato più e-mail allo stesso indirizzo, le linee che sono esattamente identiche in tutte sono diventate viola. Gmail ha aggiunto questo tag automaticamente:

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

non so che per un fatto, mi sembrava Gmail avvolge i testi comuni in una conversazione con il questo tag. Discussione simile here.

0

aggiungere questo stile:

.im { 
    color: #000000 !important; 
} 
1

ho questo problema anche. E ho appena aggiunto un codice casuale a cinque bit char a ogni fine riga e impostato il colore come sfondo. Quindi il problema è stato risolto.

Non è un buon modo, ma se non altro, forse puoi provarlo.

Problemi correlati