it-swarm.com.de

Höhe und Breite des Bildstils werden in Outlook-Mails nicht übernommen

Ich habe eine folgende dom-Struktur im HTML-Inhalt, die ich als E-Mail schicke.

<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>

Ich gebe dem Bild den Stil height:150px;width:120px, um es in Miniaturgröße zu bringen. Die tatsächliche Höhe und Breite dieses Bildes ist sehr groß. Das Problem ist, dass dieser Stil nicht übernommen wird, wenn E-Mails in den Outlook-Posteingang verschoben werden. Also meine Fragen sind -

1) Wie kann ich die CSS zum Einstellen von Höhe und Breite verwenden?.

2) Das Bild erscheint in Windown Live Mail verschwommen. Ich bin nicht sicher, ob es in Outlook bestehen bleibt, wenn es mir gelingt, den Stil der Höhe und Breite festzulegen. Wie kann ich das beheben?

37
Milind Anantwar

Geben Sie Breite und Höhe in separaten Attributen an, ohne Einheit:

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

Andere Option:

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

Das hat für mich funktioniert:

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

Nichts hat bisher funktioniert.

14
Ela

Aus irgendeinem Grund muss das px weggelassen werden.

10
Paul

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

Dies funktionierte für mich sowohl in Google Mail als auch in Outlook.

3
mable george

Ich kann bestätigen, dass das Herauslassen von px aus Breite und Höhe den Trick für Outlook bewirkte

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

Ich hatte das Vergnügen, eine E-Mail für Outlook 2010 basierend auf Sharepoint-Daten zu erstellen. Wenn Sie jedoch eine Outlook-E-Mail erstellen, reduziert Outlook in seiner Weisheit die Bildbreite und -höhe auf cm. Wenn Sie die E-Mail weiterleiten, nicht aber beim Öffnen, werden die Breite und Höhe korrekt eingefügt.

hack fix.

ich hatte ein Bild 720px X150px, das 19,05 cm x 3,98 cm sein sollte. ABER Outlook hat die Bildbreite und -höhe auf (15,24 cm x 3,18 cm) festgelegt. * Dies ist eindeutig ein Problem.

der Hack, den ich verwendete, stellte das html-Image-Tag wie folgt ein

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

warum diese Breite und Höhe; Nun, es ist das Verhältnis (Steigerung um 25%) zwischen dem, was Outlook sagte, und dem, was es sein sollte (720 x 25% = 900). Es ist nicht hübsch, aber es funktioniert. 

2
Jay

Das funktioniert für mich in Outlook:

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

Ich hoffe es klappt bei dir.

0
gjseminario

Ich habe dasselbe Problem für ein Bild, das in Outlook nicht richtig angezeigt wird. Ich verwende px und% zum Anwenden von Höhe und Breite für das Bild. aber wenn ich px und% entferne und nur genau den Wert in html verwende, wurde er für mich bearbeitet. Zum Beispiel verwendete ich: width = "800px", jetzt benutze ich widht = "800" und das Problem ist für mich gelöst.