html-E-Mail-Pausen in outlook web app

Baue ich eine html-E-Mail. es sieht gut aus in outlook 2003, outlook 2007, hotmail, gmail, yahoo, sondern in outlook web app die Pausen zwischen den Zeilen. hat jemand hatte diese Probleme mit outlook web app?

habe ich Anzeige-block auf die Bilder, aber es sieht aus wie Sie bekommen entfernt.

  • Es ist schwer zu sagen, ohne ein Beispiel code oder so etwas!
  • Können Sie Kundendiensts der html-und css, die Sie verwenden? Ich glaube, ich habe vorher erfahren, was Sie durchmachen. Allerdings möchte ich untersuchen, Ihre mark-up, bevor ich zu einem Ergebnis kommen.
InformationsquelleAutor phil | 2011-05-17
  1. 2

    Wurde dieses Problem behoben, indem er die Elemente in <span style="display:block"></span>

    E. G:

    <a href="http://www.url.com">

  <img src="example.jpg" />

</a>

    wird

    <a href="http://www.url.com">
 <span style="display:block;">
  <img src="example.jpg" />
 </span>
</a>

    muss aber auf alle Defekten Elemente

    • Was meinst du?
    • Ja, was meinst du? Ich habe ein ähnliches Problem, wo es einen Bruch zwischen Tabellenzeilen in OWA... aber NUR im Firefox und NUR, wenn die Nachricht in einen anderen Ordner neben dem Posteingang. (Ich weiß, rechts, freaking Microsoft.)
    InformationsquelleAutor phil
  2. 1

    Verschiedenen styling wird abgestreift, so dass inline-styling wird NICHT Arbeit mit Bildern in OWA.

    Hier ist ein einfaches Beispiel dafür, was Bill, die Eidechse meinte auch:

    <span style="display:block"><img src="myFancyImage.gif"/></span>

    Ohne den obigen code kann es Aussehen wie extra-padding/margin ist die Schaffung von Raum zwischen Tabellen und Spalten/Zeilen.... im Grunde ist das Problem, das brachte Sie auf dieser Seite.

    InformationsquelleAutor PhpFrog
  3. 1

    Verwenden Sie diese inline-css

    <span style="margin:0; padding:0; display:block;"><img src="myFancyImage.gif"/></span>
    InformationsquelleAutor chandru
  4. 1

    Ich hatte das gleiche problem, und leider keine dieser Lösungen funktioniert.

    Den display:block war immer gestreift, egal, ob ich wickelte das Bild in span oder font-tags.

    Irgendwann habe ich festgestellt, dass das einwickeln das Bild in ein DIV-Element mit inline-Breite und Höhe das problem gelöst. Ich denke, weil DIVs sind block-Elemente bereits, und es scheint, die nur Stile, dass OWA nicht Streifen sind in Breite und Höhe.

    z.B.

    <td width="475" height="73" valign="top" bgcolor="#e9e9e9">
<div style="display:block;width:475px;height:73px"><img src="../images/email/email_02.jpg" alt="Three Barrels" width="475" height="73" style="display:block;border:none;outline:none;line-height:0;float:left;" /></div>
</td>
    InformationsquelleAutor Peter Smith
  5. 0

    Habe ich versucht, das Update oben und es hat nicht funktioniert - aber das funktionierte für mich:

    Habe ich nur noch diesen code an der Spitze der E-Mail code.

    /* FIX FOR OWA */       
.bdyItmPrt img { display:block !important; }
    InformationsquelleAutor Hugo
Schreibe einen Kommentar