Outlook 2007/2010 ajoute aléatoire de sauts de ligne/espace blanc au format HTML E-Mail
**Edit, le problème n'existe que dans le volet d'aperçu de l'Outlook Web App**
J'ai essayé à peu près tout, mais je n'arrive pas à débarrasser les espaces en blanc/sauts de ligne qui Outlook 2007/2010 rend dans sa boîte d'aperçu sur le côté droit de l'écran. Lorsque vous double-cliquez sur l'adresse e-mail de la boîte de réception de la liste, le code HTML de charge parfaitement. Toutefois, lorsqu'il est affiché dans la division de la boîte de réception de la liste/e-mail fenêtre de prévisualisation, les sauts de ligne/les espaces blancs sont générés.
J'ai essayé tous les trucs dans le livre. border-collapse, border=0, display:block, la cellule d'espacement/de la cellule-padding:0, !important, etc. Rien ne fonctionne.
Ici est ce que je me plains. (J'ai noirci tout de la vie privée du saké) :
- 209.67.20.161/e-mail/mais les sauts de ligne.png
- 209.67.20.161/e-mail/linebreaks2.png
- 209.67.20.161/e-mail/linebreaks3.png
Il pourrait être le "Imprimé à la Limite de Page (Microsoft Word)" qui est visé dans cet article:
www.emailonacid.com/blog/details/C13/horizontal_spacing_issues_in_outlook_2007_and_2010
Mais, je ne le pense pas car il y a des sauts de ligne très proches les uns des autres.
BTW, je suis de découpage d'une image dans photoshop et de l'épargne pour les dispositifs web.
Voici les tranches de l'image: http://209.67.20.161/email/slices.png
Être mon sauveur...
Lien de mon code HTML: http://209.67.20.161/email/email_sliced_forss.html
Vous pouvez envoyer l'e-mail de HTML de votre propre boîte de réception outlook en utilisant ctrlq.org/html-mail et copier-coller la source de mon code HTML dans la zone après la sélection de HTML editer.
- Je n'ai jamais utilisé leftmargin topmargin pour les e-mails html. Vous devriez les supprimer, de plus je pense aussi que vous avez un inutile hauteur de td, étant donné que l'image a sa propre hauteur. vous pouvez supprimer td à sa hauteur.
Vous devez vous connecter pour publier un commentaire.
Style de vos e-mails html, comme dans cet exemple et qu'il s'affiche parfaitement dans tous les principaux clients même les anciens tels que lotus notes.
Voici un lien vers un autre post où j'explique comment utiliser le vide TD cellules au lieu de les entretoises. Les e-Mails HTML - Tables Vides/TR/TD comme entretoises
Essayez d'utiliser
style="line-height:your-image-size px;"
dans le<td>
; aussi, à l'intérieur de la balise d'image utiliserstyle="display:block;"