HTML E-mail les Mises en Rupture Lors de la Transmis - Faire Survivre le Word 2003 Éditeur HTML
Mon patron clients se plaignent du fait que, lorsque certains HTML bulletins sont transmis, à leur tableau de mise en page des pauses. J'ai déterminé que cela est probablement causé par l'utilisation de l'option suivante dans Outlook:
Outils > Options > Format de Courrier > Utiliser Microsoft Office Word 2003 pour modifier des messages électroniques
Mon patron refuse de changer cette option et demande que j'ai trouver un travail. Mais je suis de la plaine perplexe. L'e-mail qui est la rupture quand transmis avec cette option est à http://www.egusts.com/stratham/stanford-square/10-0826/new/
Voici ce qui arrive lorsque le Word 2003 éditeur HTML est fait avec elle. Pas de modifications, appuyez simplement sur "en avant" avec cette option sélectionnée - http://www.egusts.com/stratham/stanford-square/10-0826/new/alt/
Voici un exemple que mon patron m'a transmis que fait par juste des beaux - http://www.egusts.com/stratham/stanford-square/10-0826/new/example.html
Mais je suis toujours très perplexe. Je n'ai aucune idée de quoi faire. J'avais pensé que mon modèle d'origine du tableau html est vraiment simple et directe. Ce qui est en train de briser dans Word 2003 Éditeur? Pourquoi? Est-il décapage des tags? Ajout de tags à ce que les vis? Est-ce que je peux faire?
Je suis à bout de ressources! Merci pour l'aide
OriginalL'auteur Kevin C. | 2010-09-08
Vous devez vous connecter pour publier un commentaire.
Malheureusement, envoyer un courrier électronique provoque un client à re-rendu HTML qui a déjà été rendu, et ce sera presque toujours à vis de quelque chose. Cependant, l'utilisation de meilleures pratiques lors du codage de vos e-mails vous aider à réduire le bas sur ces problèmes. J'ai fait beaucoup de courriels et voici quelques choses que j'ai apprises:
Ne jamais utiliser rowspans ou colspans. Ceux-ci ont tendance à briser rapidement à travers les clients de messagerie et quand transmis. Au lieu d'utiliser des tables imbriquées.
Si vous avez une liste bulletted, utiliser une liste non ordonnée (ul), ou si vous devez utiliser un 2 du tableau de la colonne avec une ligne pour chaque élément de la liste et de mettre le • dans la première colonne pour chaque élément.
Rester à l'écart de balises p, ils ont un espacement irrégulier sur l'e-mail des clients. À l'aide de 2 balises br peut vous donner à peu près la même quantité d'espace.
Utilisation de rembourrage pour le contrôle de l'espacement des éléments au lieu de la marge. Encore une fois, pas très cohérent, en fait, je ne suis pas sûr qu'il fonctionne à tous.
Super scripté éléments seront généralement pousser la ligne qu'ils sont en bas (ou les lignes ci-dessus). Utiliser une ligne de style de line-height:0; pour résoudre ce problème. Notez cependant, cela va arriver quand transmis. Si vous êtes à l'aide de notes de bas de page et le besoin en exposant quelques numéros, utiliser les entités HTML ¹ , ² , et ³.
Les images de fond ne sont pas pris en charge dans Outlook 2007-2013 pour Windows. Ils semblent fonctionner pour Outlook Mac, et beaucoup d'autres clients, mais ne vous embêtez pas avec eux si vous avez besoin de prendre en charge Outlook pour Windows.
Trouver un bon modèle à utiliser et toujours commencer avec ça. Cela devrait inclure des styles dans la tête visant à résoudre les problèmes avec le web, le bureau et les clients de messagerie. Voici quelques-unes que j'utilise habituellement:
body {
width:100% !important;
-webkit-text-size-adjust:100%;
-ms-text-size-adjust:100%;
margin:0;
padding:0;
}
a:link {
color : #1d3666;
text-decoration : underline;
}
a:visited {
color : #1d3666;
text-decoration : underline;
}
a:hover {
color : #a43232;
text-decoration : none;
}
le tableau {
border-collapse:collapse;
mso-table-lspace:0 point;
mso-table-rspace:0 point;
}
table td {
border-collapse: collapse;
}
img {
outline:none;
text-decoration:none;
-ms-interpolation-mode: bicubique;
}
a img {
border:none;
display:block;
}
Tandis que les clients web comme Gmail, Yahoo, Outlook.com et AOL sera probablement la bande de la tête et de tout les styles internes de votre e-mail, elles seront pour la plupart mobile client de messagerie des utilisateurs et pour les ordinateurs de bureau clients de messagerie comme Outlook et Thunderbird, qui sont ce que ces styles à l'objectif de fixer pour. Pour tout le reste, l'utilisation des styles en ligne.
Aussi, on dirait que vous avez créé ce à l'aide de feux d'Artifice. C'est peut-être pour une page web, mais le courriel a beaucoup de pièges et limites que le FW n'est probablement pas compte. Je recommande soit à l'aide de Dreamweaver ou certains autres utiles éditeur de texte et de le faire à l'aide de HTML avec des styles en ligne.
OriginalL'auteur Bill Malcolm
J'ai compris que, en plus de l'utilisation transparente des GIFs transparents, j'avais besoin de spécifier une "largeur" pour chacun de ces s qui ont abrité les GIFs transparents.
Qui a résolu la plupart des problèmes de mise en page, bien que d'envoyer un e-mail dans outlook avec l'option set injecte beaucoup d'autres laide de code qui permet de visser les choses.
OriginalL'auteur Kevin C.