Comment puis-je supprimer les marges VML?

Question

J'essaie de préparer une newsletter pour Outlook et j'ai défini la couleur de fond du pied de page avec VML. Le code est quelque chose comme ceci:

<container class="footermail"> 
<!--[if gte mso 9]> 
<v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width:580px;height:141px;"> 
    <v:fill type="tile" color="#333333" /> 
<![endif]--> 
    <p>blablablablabla</p> 
<!--[if gte mso 9]> 
</v:rect> 
<![endif]--> 
</container> 

Le problème est, quand j'ouvre le courrier par Outlook pour le bureau (en particulier 2106), il montre des marges autour d'elle. Voici une photo:

Est-ce que quelqu'un sait comment les enlever? J'ai tout essayé et cherché des infos mais ça devient assez dur. Merci d'avance.

Answer 1

Perspectives en général ne supporte pas vraiment HTML 5. Votre question n'est pas tant VML mais avec ce tag: <container class="footermail">

Vous ne comprennent pas votre code complet et CSS, il est donc difficile de diagnostiquer tous vos problèmes potentiels.

Ma suggestion est de supprimer la balise <container> et d'utiliser un <table> à la place avec une couleur de fond. Quelque chose comme ceci:

<table width="100%" border="0" style="background: #333333; border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt;"> 
    <tr> 
    <td style="background: #333333;border-collapse: collapse;"> 
     <p style="color: #ffffff; text-align: center;">blablablablabla</p> 
    </td> 
    </tr> 
</table> 

Cette table fonctionne dans chaque client de messagerie principal et chaque version d'Outlook. Bien que ce soit un peu froissé dans Gmail pour Android v4.

Outlook a BEAUCOUP de limitations. Je suggère de garder ce pratique pour les futurs emails HTML. https://www.campaignmonitor.com/css/

Bonne chance.