What's New

Come risolvere i problemi di visualizzazione delle e-mail html su Gmail

Nell'ultima settimana potreste aver notato su Gmail problemi di visualizzazione delle vostre campagne e-mail (html), dovuti all’introduzione di alcune modifiche nel foglio di style (css) di Gmail.

IL PROBLEMA SU GMAIL

Sono state aggiunte nuove classi al foglio di stile di Gmail, tra cui .gt {font-size:80%;} che causa un aumento di spazio tra le celle presenti nei vostri html. Questo significa che nelle vostre e-mail noterete uno spazio non voluto, così come vedete nell’esempio qui sotto (visualizzazione errata vs visualizzazione corretta):

LA SOLUZIONE CONTACTLAB

Nelle celle che contengono testo:
inserire in linea lo stile con le dimensioni del font desiderate, ovvero style=“font-size:”.

Nelle celle vuote:
inserire style=“font-size:0”

Nelle celle che contengono immagini:
inserire direttamente nei tag img style="display: block;  margin: 0px; padding:0px;".

Quest’ultima soluzione è valida per risolvere i problemi di visualizzazione sia su Gmail che su Hotmail: due piccioni con una fava!

---- AGGIORNAMENTO (14/05/2010)-----

Il team di ContactLab ha elaborato una nuova soluzione, ancora più semplice.  

E' sufficiente inserire style=”font-size:0” come css in linea nel contenitore dell'e-mail html, che sia div o tabella.

Esempio e-mail html con tabella:

<table width="560" border="0" style="font-size:0;" cellspacing="0" cellpadding="0" align="center">     <tr>
        <td>

                E-MAIL HTML
           

        </td>
    </tr>
</table>

Leggi la news.