web-dev-qa-db-fra.com

Hauteur et largeur de style d'image non prises dans les mails Outlook

J'ai une structure dom suivante dans le contenu html que j'envoie par courrier électronique.

<a href="http://content.mindmatrix.net/email/814xjqjmpj5r/b59tqx7tzz2x7"
 target="_new">
<span style='text-decoration:none;text-underline:none'>
<img border=0 id="_x0000_i1026"
 src="http://dev.mindmatrix.net/page/e7c9cf53-bae8-4024-a561-355f950cb26b/635246986810000000/original.jpeg?userid=cozmwz91irkm1"
 style='border-bottom-color:black;border-bottom-style:solid;border-bottom-width:
 1px;border-left-color:black;border-left-style:solid;border-left-width:1px;
 border-right-color:black;border-right-style:solid;border-right-width:1px;
 border-top-color:black;border-top-style:solid;border-top-width:1px;
 height:150px;width:120px'>
</span></a>

Je donne le style height:150px;width:120px à l’image pour la faire en miniature. La hauteur et la largeur réelles de cette image sont très grandes. Le problème, c'est que ce style n'est pas utilisé lorsque le courrier est envoyé dans la boîte de réception Outlook. Donc mes questions sont -

1) Comment puis-je faire fonctionner le css pour régler la hauteur et la largeur.

2) L’image apparaît floue dans Mail en direct Windown . Je ne sais pas si cela persistera dans Outlook quand je réussirai à fixer le style de hauteur et de largeur. alors comment puis-je résoudre ce problème

htmlcssoutlookwindows-live-mail
37
Milind Anantwar

Placez la largeur et la hauteur dans des attributs distincts, sans unité:

<img style="margin: 0; border: 0; padding: 0; display: block;"
src="images/img.jpg" width="120" height="150">

Une autre option:

<!--[if gte mso 9]>
<style type="text/css">
img.header { width: 600px; } /* or something like that */
</style>
<![endif]-->
77
Anup

Cela a fonctionné pour moi:

src="{0}"  width=30 height=30 style="border:0;"

Rien d'autre n'a fonctionné jusqu'à présent.

14
Ela

Le px doit être laissé de côté, pour une raison étrange.

10
Paul

<img id="_x0000_i1026" src="images/img.jpg" width="120" height="150" />

Cela a fonctionné pour moi à la fois dans Gmail et Outlook.

3
mable george

Peut confirmer que laisser px hors de la largeur et de la hauteur a fait l'affaire pour Outlook

<img src="image.png" style="height: 55px;width:139px;border:0;" height="55" width="139">
3
Joakim Ling

J'ai eu le plaisir de créer un courrier électronique pour Outlook 2010 basé sur des données SharePoint. Mais lors de la création d'un courrier électronique Outlook, Outlook, dans sa sagesse, réduit l'imw e ewidth et la hauteur en cm. il est intéressant d’utiliser la largeur et la hauteur correctement lorsque vous transférez le message, mais pas lorsque vous l’ouvrez.

hack fix.

j'ai eu une image 720px X150px qui devrait être 19,05 cm x 3,98 cm. MAIS Outlook définit la largeur et la hauteur de l’image sur (15,24 cm sur 3,18 cm). * clairement c'est un problème.

le hack que j'ai utilisé mettait la balise d'image HTML comme suit

<img src="...." style="width:720px;heigh:150px" width="900" height="187.5" />

pourquoi cette largeur et cette hauteur? C'est bien le rapport (augmentation de 25%) entre ce que disait Outlook et ce qu'il devrait être (720 x 25% = 900). Ce n'est pas joli mais ça marche. 

2
Jay

Cela fonctionne pour moi dans Outlook:

<img src="image.jpg" width="120" style="display:block;width:100%" />

J'espère que cela fonctionne pour vous.

0
gjseminario

J'ai le même problème pour une image qui ne s'affiche pas correctement dans Outlook. Et j'utilise px et% pour appliquer une hauteur et une largeur à l'image. mais quand j'ai enlevé px et% et que je n'utilisais que la valeur en HTML, cela fonctionnait pour moi. Par exemple, j'utilisais: width = "800px" maintenant j'utilise widht = "800" et le problème est résolu pour moi.

0
Vishvanathsinh Solanki