Outlook 2013 Couper haut de l'image?
Je suis de la configuration d'un modèle d'e-mail et le haut de quelques images ont été coupé. C'est mon code pour les images
<td style="line-height: 0"><img src="http://domain.com/image.png"></td>
J'ai la hauteur de la ligne sur le td de sorte que l'espace blanc en dessous sera supprimé parce que je veux être en contact avec l'image ci-dessous.
Haut de l'image est un peu haut à la coupe bien, comment puis-je résoudre ce problème?
OriginalL'auteur jakecraige | 2013-06-25
Vous devez vous connecter pour publier un commentaire.
J'ai eu le même problème avec l'ol 2013/16.
La meilleure solution est de préciser que la hauteur de la ligne est exprimée en pixels.
Changement
line-height:0;
àline-height: 0px
.OriginalL'auteur lucasasecas
La façon dont je le fixe, c'était de ne pas utiliser la hauteur de la ligne et, à la place de l'image à afficher en bloc et ce fixe les problèmes d'image et encore supprimé l'espace blanc en dessous
Espère que cela aide quelqu'un!
OriginalL'auteur jakecraige
Mes tests montrent que dans Outlook 2013, contrairement aux précédentes versions d'Outlook, réglage de la hauteur de la ligne à 0 entraînera le conteneur à être plus petit que le contenu de l'image. Le résultat est que le haut de l'image est rognée. La seule façon que je pouvais résoudre ce fut pour définir la ligne de hauteur à une valeur autre que 0. J'ai utilisé line-height: 17px et les images qui s'affichent correctement. Il peut fonctionner avec n'importe quelle autre valeur que 0 -- je n'ai pas fait de test des valeurs inférieures à la 17px.
Paramètre display: block ne pas résoudre ce problème. Car ce n'est qu'un problème avec Outlook 2013 et n'affecte pas les anciennes versions d'Outlook ou d'un autre mobile ou de bureau, clients de messagerie, il est sûr de supposer que c'est un Outlook 2013 bug et qu'un correctif de Microsoft n'est pas à prévoir. Donc, si quelqu'un peut confirmer mes conclusions, ce serait une bonne idée de simplement intégrer cette solution de contournement dans votre déjà surdimensionné palette de solutions de contournement pour accueillir Microsoft pauvres HTML e-mail de soutien.
OriginalL'auteur VanAlbert
J'ai passé façon trop de temps sur cette question, de sorte pourrait aussi bien documenter ma solution pour toute personne qui peut voir ce.
J'ai résolu le problème par l'imbrication de l'image dans un autre tableau, comme ceci:
OriginalL'auteur burtyish
Toujour utiliser
Display:block
sur toutes les images, sinon vous obtiendrez des espaces blancs de temps en temps 🙂OriginalL'auteur Rasmus Bidstrup
J'ai rencontré ce problème dans MailChimp lors de l'insertion d'images dans des blocs de texte. Pour le résoudre, j'ai réglé la hauteur de la ligne de blocs de texte à double interligne. Après, j'ai réinitialiser tous les styles pour chaque bloc dans mon template. Espérons que cette aide!
OriginalL'auteur Zach Solomon-Beloin