2015-12-15 1 views
-1

tout en envoyant le courrier de mailchimp à Outlook mail, je reçois plus d'espace (peut être saut de page). Ci-dessous est mon squelette html, que je vous envoie. Quand je continue à ajouter image2 à l'intérieur de "Td32" dans le squelette ci-dessous je trouve un espace supplémentaire entre les images. S'il vous plaît quelqu'un peut-il me suggérer comment éviter les sauts de page ou les espaces indésirables?css pour éviter l'espace supplémentaire dû au saut de page dans Outlook mail, tout en envoyant le courrier de mailchimp?

<table class="T1"> 
<tr> 
<td> 
<table class="T2"></table> 
<table class="T3"> 
    <tr><td class="Td31">Text</td> 
     <td class="Td32"><div class="repetableimg1">image1</div> 
         <div class="repetableimg2">image2</div> 
     </td></tr> 
</table> 
<table class="T4"></table> 
</td> 
</tr> 
</table> 

Répondre

0

meilleur pari est d'éliminer les espaces blancs (linefeeds, etc.) entre la fermeture et l'ouverture >< ... en fonction de votre plate-forme, vous devriez être en mesure d'utiliser une regex similaire à ce ... input.replace(/\>[\s\r\n]+\</g, '><')

aussi la table:

<table 
    border=0 
    cellpadding=0 
    cellspacing=0 
    style="border-collapse: collapse; border-spacing: 0;" 
> 
    <tr> 
    <td style="padding:0"> 
     ... 

Email rendu est assez incohérent, et utiliser au mieux les règles de 1998 en ce qui concerne votre balisage HTML et le style.

+0

Nous vous remercions de votre suggestion. J'ai mis à jour mon code. toujours mon problème d'espacement n'est pas résolu. – rks

+0

Ajout d'une référence à la table ... Désolé, j'ai oublié ... et je souhaite que la bordure soit 0 sur l'image, si elle se trouve dans un élément d'ancrage. N'utilisez pas de "classes" sur vos tables, vous devez intégrer les styles. – Tracker1

+0

j'ai essayé avec ces options aussi mais pas capable de surmonter page break.Aussi essayé ci-dessous css page-break-avant, page-break-après, page-break-inside, toujours im trouver problème. – rks