2016-04-14 4 views
0

Ich versuche, ein Mailing zu meinen Kunden zu code und ich dachte, dass ich eine gif Countdown-Uhr (nur die Zahlen) über ein anderes Bild einfügen kann (Ich weiß, dass ich ein Gif mit einem kundenspezifischen Hintergrund machen kann, aber die Nachricht ist zu schwer dann). Jeder E-Mail-Client (Web oder Desktop) respektiert die Anzeige: Block und Ränder abgesehen von GMAIL. Es zeigt Bilder nacheinander an.Bild über einem anderen in Gmail E-Mail-Nachricht anzeigen

Gibt es eine Möglichkeit, es zu lösen? Pls help

+0

Bitte den Code teilen Sie geschrieben haben und einen Screenshot, wie es jetzt aussieht. – Aziz

+0

Ohne Ihren Code ist schwierig, aber denken Sie daran, Sie müssen die E-Mail in alten Tabellen-Alignment-System erstellen, so können Sie Ihre img in verschiedenen td zum Ausrichten vertikal, und jeder E-Mail-Client-Support CSS auf andere Weise. Für Google Mail-Referenz: https://litmus.com/blog/understanding-gmail-and-css-part-1 –

+0

Ich habe den Tabellencode hinzugefügt. Google Mail tut einfach Respekt, minus Margen – Jack

Antwort

0

Die Tabelle Code etwas wie das aussieht:

<table align="center" width="652" bgcolor="#f5f5f5" cellpadding="0" cellspacing="0" border="0" style="background:#f5f5f5; border:none; margin-top: -95px;"> 
<tr width="650" height="95" cellpadding="0" cellspacing="0" border="0" style=""> 
    <td width="134" height="95" cellpadding="0" cellspacing="0" border="0" style="border-left: 1px solid #afafaf;"colspan="3"> 
     <a href="link" border="0" style="border:none;"> 
      <img src="3.jpg" border="0" width="134" height="95" style="width:134px; height:95px; border:none; display:block;" alt="alt"> 
     </a> 
    </td> 
    <td width="381" height="95" cellpadding="0" cellspacing="0" border="0" style=""colspan="3" bgcolor="#000"> 
     <a href="link" border="0" style="border:none;"> 
      <img src="4.jpg" border="0" width="381" height="95" style="width:381px; height:95px; border:none; display:block;" alt=""> 
     </a> 
    </td> 
    <td width="135" height="95" cellpadding="0" cellspacing="0" border="0" style="border-right: 1px solid #afafaf;"colspan="3"> 
     <a href="link" border="0" style="border:none;"> 
      <img src="5.jpg" border="0" width="135" height="95" style="width:135px; height:95px; border:none; display:block;" alt="alt"> 
     </a> 
    </td> 
</tr> 
</table> 

Und Google Mail zeigt ein Bild unter einem anderen, und doesent Respekt minus Margen.

Es sieht aus wie dieses Recht jetzt:

It looks like this right now