Bild-Rand nicht die Darstellung von html-E-Mail

Ich versuche zum senden von html-E-Mail mit einem Bild der Grenze als

<p align="center">
    <img src="images/pic1.jpg" width="443" height="148" align="middle" 
         style="border: 1px solid grey; padding:10px;" border="1"/>
</p>

Jedoch, die Grenze nur nicht angezeigt wird in einer der E-Mail-clients. Wie kann ich dieses Problem beheben?

Vielleicht ist es besser, die Grenze in das Bild als ein Teil der Grafik, auch die Margen, wenn der hintergrund es zulässt.

InformationsquelleAutor user1212 | 2011-05-16

  1. 4

    Um ehrlich zu sein, Ihr für eine harte Zeit mit "p" - tags. Tabellen werden zu 100% der Weg zu gehen in dieser situation. Ich weiß, ich weiß, Tabellen sprengen, ist aber für E-Mail-clients, verwenden Sie word als html Rendern Husten outlook Husten und wie hotmail und gmail Ausführung von html-1 (dies könnte ein bisschen von einer Strecke, aber seine irgendwo dort herum), man kann nie wirklich wissen, wie die Dinge ausgehen.

    Als eine Antwort auf Ihre Frage, versuchen Sie 

    display:block

    auf dem Bild. Im Allgemeinen werden Sie wollen, stellen display:block auf alle Ihre Bilder, wie auch Höhe und Breite, um sicherzustellen, gibt es keine seltsamen Lücken zwischen Bild-slices.

    <p>'s Werke in der E-Mail auch mit outlook durch die Möglichkeit der Verwendung Margin:8px 0; als ein Beispiel. Den Großbuchstaben "M" zu sein scheint, respektiert.

    InformationsquelleAutor locrizak

  2. 3

    Hauptproblem ist Microsoft Outlook, umschließt das Bild in eine Tabelle, scheint, den job zu erledigen.
    Es ist ein Streit beilegen jedes Bild, aber dat em bricht:

    <p align="center">
    <table><tr><td style="border: 1px solid grey;">
    <img src="images/pic1.jpg" width="443" height="148" align="middle" 
         style="padding:10px;"/>
    </td></tr></table>
</p>
    Dieser arbeitete für mich. Die akzeptierte Lösung nicht. Prost!.
    <table> ist nicht erlaubt, innerhalb <p>

    InformationsquelleAutor Clive Paterson

  3. 1

    ein wenig off-topic, aber mailchimp ist ein großes Werkzeug für die übersetzung von einem normalen HTML-layout mit separaten CSS-Klassen in eine inline-CSS-version

    http://beaker.mailchimp.com/inline-css

    und auch ein tolles tutorial, wie Sie HTML-E-Mails der richtige Weg

    http://kb.mailchimp.com/article/how-to-code-html-emails/

    und in Bezug auf Ihre CSS-problem.

    Versuchen Sie, die Verpackung des Bildes in eine Zelle der Tabelle und geben die Zelle die Grenze.

    Leider mit HTML-E-mails, Tabellen sind dein Freund sich doch wieder.

    Spaß haben

    InformationsquelleAutor Jeremy S.

  4. 0

    versuchen Sie, ändern der Farbe, entweder ist es Wert, #808080, oder es ist korrekt geschriebenen version 'Grau'

    Das hilft nicht. Gleiche Ausgabe

    InformationsquelleAutor FatherStorm

  5. 0

    Laut: http://www.campaignmonitor.com/css/ Grenze sollte funktionieren.

    Ich würde versuchen, zwei Dinge:

    Zuerst fügen Sie den folgenden, um das Bild, die auch helfen, mit Google Mail-rendering-bugs

    display:block;

    Und auch vielleicht versuchen:

    border-top: 1px solid gray;
border-right: 1px solid gray;
border-bottom: 1px solid gray;
border-left: 1px solid gray;

    InformationsquelleAutor stevecomrie

Schreibe einen Kommentar