L'e-mail HTML ne s'affiche pas correctement dans Outlook 2007
Après beaucoup de temps j'ai mis dans la recherche. Je n'arrive toujours pas à trouver une réponse.
J'ai un code HTML qui montre le mauvais largeur de mes tables. Voici un lien vers l'e-mail en html: https://tagwebstore.com/email/tag-email-10percentmore.html et voici une capture d'écran de la façon dont il regarde dans Outlook 2007:
Le principal problème est la zone de fond. Le lien de l'e-mail en html s'affiche correctement. Je n'ai aucune idée de ce que d'autre à faire à partir d'ici. Voici mon code pour la partie inférieure, je vais avoir des ennuis avec:
<table cellpadding="0" cellspacing="0" border="0" width="625" align="center" bgcolor="#FFFFFF">
<tr>
<td height="23" colspan="3" bgcolor="#FFFFFF"> </td>
</tr>
<tr>
<td width="25"> </td>
<td><table cellpadding="0" cellspacing="0" border="0">
<tr>
<td><img src="https://www.tagwebstore.com/email/testimonial-top.png" width="573" height="36" style="display:block;" /></td>
</tr>
<tr>
<td bgcolor="#f0d7c1" width="573"><table cellpadding="0" cellspacing="0" border="0" width="573">
<tr>
<td width="28"></td>
<td style="font-size:11px; line-height:18px; color:#000000; font-style:italic; font-family:Helvetica, Arial, sans-serif;" width="517"><table cellpadding="0" cellspacing="0" border="0">
<tr>
<td style="font-size:11px; line-height:18px; color:#000000; font-style:italic; font-family:Helvetica, Arial, sans-serif;">We’ve been using TAG for a while and we love TAG – we love the products. When we bring the products to Oklahoma City, nobody else has the products. It’s a big plus here for our market area. I think it would be a great thing for people to get online and see what TAG can do for them.</td>
</tr>
<tr align="right">
<td height="40" valign="bottom" style="font-size:11px; line-height:18px; color:#000000; font-style:normal; font-weight:bold; font-family:Helvetica, Arial, sans-serif;">Sirron Brown, Marketing Director<br />
Excell Home Care and Hospice, Oklahoma</td>
</tr>
</table></td>
<td width="28"></td>
</tr>
</table></td>
</tr>
<tr>
<td><img src="https://www.tagwebstore.com/email/testimonial-bottom.png" width="573" height="57" /></td>
</tr>
</table></td>
<td width="25"> </td>
</tr>
</table>
<!--Testimonial End-->
<!--Footer-->
<table cellpadding="0" cellspacing="0" border="0" width="625" align="center" bgcolor="#FFFFFF">
<tr>
<td colspan="3" height="20"> </td>
</tr>
<tr>
<td width="25"> </td>
<td width="575"><table cellpadding="0" cellspacing="0" border="0">
<tr>
<td align="left" valign="middle" width="295" style="font-family:Helvetica, Arial, sans-serif; font-size:12px;"><a href="mailto:[email protected]" style="color:#000000; text-decoration:none;">[email protected]</a> | 866.232.6477</td>
<td width="178" style="font-family:Helvetica, Arial, sans-serif; font-size:12px;" valign="middle" align="right">Follow us on Twitter & YouTube</td>
<td valign="middle" width="102"><a href="https://twitter.com/TAGhomecaremktg"><img src="https://www.tagwebstore.com/email/twitter.png" width="49" height="17" border="0" /></a><a href="http://www.youtube.com/TAGWebinars"><img src="https://www.tagwebstore.com/email/youtube.png" width="53" height="21" border="0" /></a></td>
</tr>
</table></td>
<td width="25"> </td>
</tr>
<tr>
<td colspan="3" height="20"> </td>
</tr>
</table>
<!--Footer End-->
La largeur de la table est supposé être 625px. Toute aide est appréciée.
source d'informationauteur Alex Kittavong
Vous devez vous connecter pour publier un commentaire.
oh la joie des e-mails html
Il y a beaucoup de règles, vous devez obéir lorsqu'ils traitent avec HTML des e-mails, surtout si vous avez de clients exigeants et pixel-dessins parfaits, et je suis très heureux que je n'ai pas eu à travailler sur un tel projet pour au moins deux ans maintenant... La principale raison de ma grande aversion pour la pratique est principalement à deux e-mail-clients. La première et de tous les temps pire étant Lotus Notes 6.5.4 (pour être juste, il est de plus de 10 ans maintenant.. mais quand même!)et de tous les temps dans le deuxième pire(s), ils ne sont même pas la meilleure à être mauvais, Outlook 2007 et 2010!
Prises à partir de mon blog http://blog.pebbl.co.uk/2011/06/collapsible-html-email-and-outlook.html
Tout simplement, je n'ai pas envie de vous 🙂
J'ai trouvé le meilleur moyen pour m'aider avec mon email problèmes a été de suivre les règles suivantes:
colspans
ourowspans
.&nbps;
.style="display:block;"
aux images.divs
.a
tag.Parce que le nombre de courriels que j'ai utilisé pour obtenir par le biais de fini par être ridicule, j'ai développé un script pour m'aider avec le travail de vérification des dimensions et autres pièges possibles. Si vous êtes intéressé en l'utilisant, vous pouvez le trouver ici:
http://pastie.org/6250834
Le script peut être ajoutée comme à l'habitude balise de script ou activé à l'aide de GreaseMonkey ou quelque chose de similaire (il a été conçu pour fonctionner avec Firefox, mais je ne vois aucune raison pourquoi il ne devrait pas travailler ailleurs). En raison de la façon dont j'ai utilisé pour construire mes e-mails, il ne permettra même si les conditions suivantes sont remplies:
width="100%"
ensemble, utilisé pour centre le réel contenu de l'email.id="base"
.Je l'ai transmis votre code HTML à travers elle, et l'image ci-dessous est le résultat de sortie, il fait plus de sens que lorsque vous avez la page en question, parce que vous pouvez passer la souris sur chaque bordée article et il vous donnera une idée approximative de ce qu'est le problème (ou alors vous pouvez simplement inspecter l'élément directement avec Firebug ou similaire).
Donc, à partir de l'inspection de ce qui précède, il semble que vous avez quelques problèmes qui doivent être corrigés, je dirais que les plus importants sont la pour se débarrasser de rowspans et colspans (ces toujours causer des problèmes dans Outlook) et assurez-vous que tous vos dimensions de pointage correctement. Une fois que vous avez résolu ces problèmes, vous pouvez voir une amélioration considérable, mais encore une fois, vous ne pourriez pas, il n'y a pas de certitudes dans les parties dangereuses de la vie de l'email HTML bâtiment...
Espère que cela aide.