2016-07-15 17 views
0

Ich versuche, eine HTML-basierte Fotografie mit anklickbaren Links auf sie zu mailen. Ich habe den folgenden CodeHTML <map> Tag funktioniert nicht mit Outlook E-Mail-Client

<!DOCTYPE html> 
<html> 
<head> 
<title> Document Title </title> 
<body> 
<img src="online photohosting URL" alt="" usemap="#Map" /> 
<map name="Map" id="Map"> 
    <area alt="" title="" href="outlet URL to this specific area of image" shape="rect" coords="280,348,145,213" /> 
    [...] 
</map> 
</body> 
</title> 
</head> 
</html> 

Es funktioniert, wenn ich es im HTML-Format und öffnen Sie in Web-Browser speichern, aber wenn ich HTML-Datei als Text in Outlook einfügen, kann der Empfänger nur das Bild sehen, aber nicht die Karte. Gibt es Änderungen am Code, die vorgenommen werden müssen? Oder gibt es andere Problemumgehungen? Vielen Dank

+0

Normalerweise unterstützen E-Mail-Clients keine vollständigen HTML-Elemente usw. Normalerweise sollten Sie versuchen, E-Mails einfach zu halten – Liam

+0

Die Antwort darauf ist, [Outlook unterstützt es nicht.] (Http://stackoverflow.com/questions/11311471/where-image-map-is-not-supported) – Liam

+0

Möglicherweise sind Sie auf einige E-Mails gestoßen, in denen Sie ein Bild mit klickbaren Links erhalten. Wenn du es weißt, kannst du mir bitte sagen, wie es geht? –

Antwort

2

Outlook hat keine Unterstützung dafür. Sie sollten HTML-E-Mails so einfach wie möglich halten.

Sie können jedoch zum Beispiel das Bild in Portionen schneiden, so dass Sie alle im Originalbild mit Hilfe von HTML-Tags neu kombinieren können, dann können Sie die einzelnen Teile mit verschiedenen Links verknüpfen. Dies ist eine akzeptable Problemumgehung für HTML-Imagemaps in E-Mails.

+0

Hallo, ich tat wie du sagtest, aber das endgültige Bild erschien verzerrt. Ich habe das Schnittprogramm von Photoshop verwendet, um Links an bestimmten Stellen auf dem Bild hinzuzufügen. Die aufgeschnittenen Abschnitte wurden auf einer Bildhosting-Website hochgeladen und die Hyperlinks im Tag verwendet. Aber die Endergebnisse hatten Leerzeichen in der verknüpften Region. Kann das gelöst werden? Hilfe wäre sehr willkommen. Danke –

+0

Kannst du ein JSFiddle deines HTML schreiben? So kann ich sehen, was falsch ist. (jsfiddle.net) – Mario

+0

Es gibt einige vertrauliche Informationen in dem Bild, die ich nicht teilen darf. Dies ist jedoch der Link zum Screenshot http://s1381.photobucket.com/user/shrijanaryal123/media/paystub1_zpsa6gnzxua.png.html des Fehlers. –