Vspace dans Outlook 2007/2010

Question

J'ai un bulletin html qui fonctionne dans la plupart des transporteurs de messagerie, mais le formatage est foiré dans Outlook. J'ai mis vspace = "10" sur l'étiquette de l'image pour mettre une marge de 10px sur le haut et le bas de l'image pour avoir un espace entre l'image et le texte ci-dessous. Cependant, dans Outlook, le vspace n'est pas détecté et le texte apparaît directement sous l'image sans espace entre.

Est-ce que quelqu'un sait comment faire fonctionner ça? J'ai essayé de mettre une marge inférieure de 10px sur l'image, mais encore une fois cela n'a pas fonctionné.

Answer 1

Avec HTML Email il y a beaucoup de nuances entre les différents navigateurs. Une chose que j'ai appris de la création de courriels est qu'il doit être extrêmement simple. Les deux marge & padding ne sont pas pris en charge par Outlook (en raison de l'utilisation du moteur de rendu de mot).

La solution

remplacer l'image et l'espace avec une table contenant 2 gifs d'espacement et l'image dans le centre. Par exemple (vous devez utiliser des chemins absolus à vos images):

<table cellpadding="0" cellspacing="0"> 
    <tr> 
    <td> 
     <img style="display:block" border="0" src="images/spacer.gif" width="IMAGEWIDTH" height="10" /> 
    </td> 
    </tr> 
    <tr> 
    <td> 
     <img style="display:block" border="0" src="YOUR IMAGE" width="" height="" /> 
    </td> 
    </tr> 
    <tr> 
    <td> 
     <img style="display:block" border="0" src="images/spacer.gif" width="IMAGEWIDTH" height="10" /> 
    </td> 
    </tr> 
</table> 

Answer 2

Il est peut-être plus facile d'utiliser une table imbriquée et définir la hauteur de la ligne à 10px. Ce que vous contemplez dans Outlook 2007+ est le rendu HTML Word qui gère CSS à sa manière.