2016-04-14 49 views
0

Müşterilerime posta göndermeyi deniyorum ve başka bir resmin üzerine bir gif geri sayım saati (yalnızca sayılar) ekleyebileceğimi düşündüm (Özel bir arka plan ile bir gif yapabileceğimi biliyorum, ancak mesaj o zaman çok ağır). Her e-posta istemcisi (web veya masaüstü), ekrana saygı duyar: GMAIL'den ayrı olarak blok ve kenar boşlukları. Görüntüleri birbiri ardına görüntüler.Görüntüyü gmail e-posta iletisinde bir diğerinin üstünde gösterme

Bunu çözmenin bir yolu var mı? Pls

+0

yazmış olduğun kodu ve şu anda nasıl göründüğünü bir ekran paylaşın. – Aziz

+0

Kodunuz zor olmakla birlikte, eski tablo hizalama sisteminde e-postayı oluşturmanız gerektiğini unutmayın, böylece imginizi dikey olarak hizalamak için farklı td ve her e-posta istemcisi desteği css'yi farklı şekilde kullanabilirsiniz. Gmail referansı için: https://litmus.com/blog/understanding-gmail-and-css-part-1 –

+0

Tablo kodunu ekledim. Gmail yalnızca eksi marjlara uymuyor – Jack

cevap

0

tablo kodu böyle bir şey görünüyor yardım:

<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> 

Ve Gmail başka altındaki bir görüntü görüntüler ve saygı eksi marjlarını doesent.

O şimdiki gibi görünür:

It looks like this right now