Allineamento verticale del testo in outlook non centrato [con immagini]

Attualmente sto cercando di risolvere alcuni problemi con una email html che si presenta bene nei browser e tramite Gmail ma sfortunatamente ho problemi di Outlook che allineano verticalmente il testo (si attacca alla parte inferiore).Allineamento verticale del testo in outlook non centrato [con immagini]

Questa immagine mostra che cosa c'è che non va:

<td align="center" style="font-size:17px;font-weight:bold;line-height:62px;"><a href="url" style="text-decoration:none;color:#000001;">THE WORLD'S BEST BRANDS</a></td> 
</tr> 

<tr> 
    <td align="center"><a href="url" style="color:#000001;text-decoration:none;"><img src="url" alt="XXXX" width="593" height="100" class="brandsimage" style="display:block;border:0;" /></a></td> 
</tr> 
</table>             
</td> 
</tr> 

<tr> 
    <td align="center" style="font-size:17px;font-weight:bold;line-height:72px;"><a href="url" style="text-decoration:none;color:#000001;">ESSENTIALS</a></td> 
</tr>

Qualsiasi idea di come risolvere questo problema?

fonte

2013-11-14 user2619611

Aggiungere valign="middle" e un'altezza al <td> si desidera che il testo verticalmente centrato su:

<tr> 
    <td align="center" valign="middle" height="100" style="font-size:17px;font-weight:bold;line-height:72px;"> 
    <a href="url" style="text-decoration:none;color:#000001;">ESSENTIALS</a> 
    </td> 
</tr>

In e-mail HTML, utilizzare sempre,

valign="top|middle|bottom" per l'allineamento verticale e

align="left|center|right" per orizzontale allineamento.

Basta ricordare che è necessario height="" o width="" impostato sullo stesso elemento <td>.

fonte

2013-11-14 15:00:57 John

Provato questo, sfortunatamente nessuna fortuna. – user2619611

@ user2619611 Elimina l'altezza della tua linea, sta spingendo il tuo testo verso il basso. – John

L'altezza di impostazione, la rimozione dell'altezza della linea e il trasporto delle valigie hanno funzionato, grazie! – user2619611

Per me per farlo funzionare, importante è stato quello di specificare height e align="center" come proprietà HTML e duplicare height nei CSS style elemento.

\t 
 

 
<td colspan="3" align="center" height="80px" width="100%" 
 
style="font-family: Arial, Helvetica, sans-serif; font-size: 14px; 
 
color:#666666; height: 80px; background: #cccccc; 
 
padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;"> 
 
      <strong>for internal use</strong> 
 
     </td>

problema di allineamento è stato osservato per tutti Prospettive basati Word (2007 - 2016).

fonte

2017-09-15 14:20:13 user07

Allineamento verticale del testo in outlook non centrato [con immagini]

risposta

Problemi correlati