2

Io odio le newsletter! Sinceramente, com’è possibile che nel 2013 dobbiamo ancora scrivere il codice delle email usando standard vecchi di 10 anni…?! Senza contare bug e incompatibilità tra i vari client di posta!

Purtroppo, che lo vogliamo o meno, la realizzazione di newsletter è parte integrante del nostro lavoro per cui ho pensato di raccogliere alcuni bug fixes e trucchetti di seguito:

Outlook 2010 – 2013 non rispetta la larghezza delle celle vuote

Per fare in modo che Outlook rispetti le larghezze ricordate che dovete sempre specificare la larghezza delle colonne, riga per riga:

<table>
<tr>
    <td width="22">&nbsp;</td>
    <td width="256">Titolo</td>
    <td width="20">&nbsp;</td>
</tr>
<tr>
    <td width="22">&nbsp;</td>
    <td width="256">Contenuto di test</td>
    <td width="20">&nbsp;</td>
</tr>
</table>

In caso contrario le colonne contenenti spazi collasseranno su se stesse.

Eliminare il margine inferiore dalle immagini su Gmail

Stesso codice, risultati completamente diversi… Se nella vostra newsletter appaiono linee bianche o margini non voluti probabilmente la colpa è delle immagini all’interno della tabella. Per sopperire dobbiamo aggiungere le seguenti proprietà a tutte le immagini:

<img src="immagine.jpg" alt="Descrizione immagine" style="display: block; border: 0; outline: none; text-decoration: none; -ms-interpolation-mode: bicubic;" border="0" height="304" width="748">

Le righe vuote non mantengono l’altezza definita in Outlook 2013

Un’altro bug piuttosto divertente di Outlook… Creiamo una riga alta un pixel e in Outlook 2013 assume l’altezza di un paragrafo… La soluzione:

<tr>
    <td colspan="4" style="line-height: 1px; font-size: 1px;" height="1">&nbsp;</td>
</tr>

Le immagini molto alte vengono tagliate da Outlook

In Outlook le immagini più alte di circa 1728px vengono automaticamente croppate. L’unica soluzione? Tagliarle in più parti!

Se vi vengono in mente altri bug o peculiarità delle newsletter è apprezzato un commento. In bocca al lupo!

  1. Ciao,
    volevo segnalarti che anche immagini di 250 pixel di larghezza vengono tagliate su Outlook 2016… da cosa può dipendere?
    Grazie mille

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *