Gmail-Bild-Karte - nur der Letzte Bereich, arbeitet

Bin ich die Erstellung einer HTML-E-Mails mit einem großen Bild mit einem image-map, die aus zwei Rechteck-Bereiche angegeben:

<img src="newsletter_files/background.jpg" width="600" height="584" border="0" alt="39steps crimbo cards" usemap="#email">

<map name="email">
<area shape="rect" name="emailaddress" coords="212,305,350,290" href="mailto:[email protected]" alt="Email [email protected]" />
<area shape="rect" name="website" coords="585,485,465,550" href="http://www.domain.co.uk" target="_blank" alt="Domain link" />
</map>

Problem ist, nur das zweite funktioniert. Der erste wird ignoriert. Ich habe Gegoogelt nach Lösungen, aber nichts gefunden.

Ich könnte schneiden Sie das Bild nach oben, aber das schafft seine eigenen Probleme mit testing etc. - die E-Mail ist sehr einfach, also für meine Zwecke eine image-map ist die beste Methode.

Jemand schon ähnliche Probleme?

InformationsquelleAutor melat0nin | 2011-11-23
  1. 3

    Ich nicht über Imagemaps in E-Mails (vor allem, weil ich habe noch nie verwendet)

    Was ich Vorschlage, ist, öffnen Sie das Bild in photoshop mit dem slice-tool. Beim speichern können Sie Bilder speichern und html. Das html ausgegeben wird perfekt sein für E-Mails.

    Ein paar andere Dinge, wenn es um html-E-Mails:

    • IMMER Tabellen verwenden,
    • Verwenden Sie NIEMALS p tags
    • stellen immer display:block auf Ihre Bilder (dies verhindert, dass unerwünschte Lücken zwischen den Bildern auf einige E-Mail-clients
    InformationsquelleAutor locrizak
  2. 3

    Dies hat nichts zu tun mit dem image-map. Der erste link wird ignoriert, da es ein "mailto:" - Aufruf. Gmail-Streifen der href aus, wenn Sie einen link enthält einen mailto:

    InformationsquelleAutor Eric
  3. 0

    Gerade lese ich etwas Interessantes aus Ständigem Kontakt. hier ist was Sie sagte:

    In einer benutzerdefinierten HTML-E-Mail, wenn Sie ein Bild anzeigen-tag vorhanden ist, und der hyperlink auf einen mailto: link, wenn der tag geschlossen, wie das folgende Beispiel...

        <area shape="rect" coords="88,23,166,38" href="mailto:[email protected]"/>

    ...der hyperlink inaktiv werden. Einfaches entfernen des schließenden Schrägstrich wird die Verbindung wieder aktiv.

    • Wenn Sie eine schließende Schrägstrich in einem normalen hyperlink zu einer URL in einem benutzerdefinierten HTML-E-Mail.

    • Verlassen einer schließenden Schrägstrich hinter einem mailto: link in einem benutzerdefinierten XHTML E-Mail funktioniert.
    Aber -

    • Verlassen einer schließenden Schrägstrich hinter einem mailto: link in einer benutzerdefinierten HTML-E-Mail wird NICHT funktionieren.

    • Interessant, aber nicht arbeiten. Scheint Blick auf die Quelle zeigt, dass gmail in der Tat Streifen das href Weg wie @Eric erwähnt (slash oder nicht).
    InformationsquelleAutor Jason
Schreibe einen Kommentar