eine 1px Lücke in Outlook entfernen 2013-2016

ich eine 1px Lücke versuchen zu auf dem rechten Seite einer VML Grafik loszuwerden, 2016.eine 1px Lücke in Outlook entfernen 2013-2016

ich in Outlook 2010, 2013, erscheint verstehen, dass Outlook fügt <p></p> automatisch auf den Grund des Xml, weshalb ich die Schriftgröße und die Zeilenhöhe, die die Lücke an der Unterseite fixiert, auf Null gesetzt. Irgendwelche Vorschläge, was sonst noch hinzugefügt werden könnte und die den Speicherplatz hinzufügen könnten?

<xml:namespace ns="urn:schemas-microsoft-com:vml" prefix="v"/> 
    <v:polyline style="width: 500px; 24px; display: inline-block; padding-right: 0pt; border: 0pt !important;" fillcolor="#563d82" strokecolor="#563d82" strokeweight="0pt" stroke="false" coordorigin="0 0" coordsize="24 500" v:borderrightcolor="#ff0000" points="0pt,24pt, 500pt,24pt, 500pt,0pt, 0pt,24pt"> 
    </v:polyline> 
</xml>

Full HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
    <meta name="viewport" content="width=device-width"/> 
</head> 
<body> 
<table width="100%" cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; padding: 0px !important; margin: 0;"> 
    <tr> 
    <td align="right" style="border-collapse: collapse; mso-table-lspace: 0; mso-table-rspace: 0;"> 
     <table cellpadding="0" cellspacing="0" border="0" align="right" width="498" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; padding: 0pt !important; margin: 0pt; overflow: hidden; display: inline-block;"> 
     <tr align="right"> 
      <td align="right" style="border-collapse: collapse; mso-table-lspace: 0; mso-table-rspace: 0; mso-margin-top-alt: 0pt; mso-margin-bottom-alt: 0px; padding: 0px !important; margin: 0; font-size: 0; line-height: 0; display: inline-block;"> 
      <xml:namespace ns="urn:schemas-microsoft-com:vml" prefix="v"/> 
      <v:polyline style="width: 500px; 24px; display: inline-block; padding-right: 0pt; border: 0pt !important;" fillcolor="#563d82" strokecolor="#563d82" strokeweight="0pt" stroke="false" coordorigin="0 0" coordsize="24 500" v:borderrightcolor="#ff0000" points="0pt,24pt, 500pt,24pt, 500pt,0pt, 0pt,24pt"> 
      </v:polyline> 
      </xml> 
      </td> 
     </tr> 
     </table> 
    </td> 
    </tr> 
</table> 
<table bgcolor="#563d82" width="100%" cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; padding: 0px !important; margin: 0;"> 
    <tr> 
    <td align="center"> 
     <p class="footerlink" style="padding: 0px; color: #ffffff; font-size: 18px; line-height: 22px; text-align: left;">Placeholder text.</p> 
    </td> 
    </tr> 
</table> 
</body> 
</html>

ich diesen HTML hinzufügen sollte, ist nur sichtbar in Outlook. Ich habe eine CSS-Grafik, die jeden anderen Browser abdeckt. Schade, dass das nicht mit Outlook funktioniert.

Quelle

2016-09-23 gwally

Outlook verwendet Wort für seine HTML-Rendering-Engine, und Word-HTML-Rendering ist so schlecht, Sie wären besser dran mit dem ultra-modernen "Telnet zu Port 80" Browser zum Rendern von Websites. –

Wenn Sie die beiden Tabellen für die rechte Ausrichtung ersetzen, wird die 1px-Lücke ganz rechts fixiert.

<div align="right" style="font-size: 0; line-height: 0;"> 
    <xml:namespace ns="urn:schemas-microsoft-com:vml" prefix="v"/> 
    <v:polyline fillcolor="#563d82" strokeweight="0pt" stroke="false" strokecolor="#563d82" style="font-size: 0; line-height: 0;" points="0pt,25pt 500pt,25pt 500pt,0pt 0pt,25pt"></v:polyline> 
    </xml> 
</div>

Dies behebt die Ausrichtung Problem für Outlook 2016 und Windows 10 E-Mail, aber es läßt zwischen der VML-Grafik und die Tabelle für Outlook 2010 und 2013 hat ich versucht, das Hinzufügen css und Tabellenrahmen ein Haar weiße Linie, aber Es behebt das Problem nicht.

Quelle

2016-09-24 00:40:15 gwally

Da diese Antwort Ihre ursprüngliche Frage nicht vollständig beantwortet, kann ich vorschlagen, dass Sie Ihre Frage mit diesem Fortschritt aktualisieren und diese Antwort löschen? –

eine 1px Lücke in Outlook entfernen 2013-2016

Antwort

Verwandte Themen