center outlook.com içinde e-posta adresini hizala

Çok basit bir html e-postası oluşturdum. http://staging.xhtml-lab.com/mailtest/center outlook.com içinde e-posta adresini hizala

O merkez hizalanmış kalmalıdır, hizalanmış olarak bırakıldığı hotmail e-postada hotmail.com/outlook.com

haricinde tüm e-posta istemcileri ince çalışıyor.

Aşağıdaki kodu emailology.org tarafından önerildiği şekilde ekledim, ancak hiçbir etkisi yok.

<style type=“text/css”> 
/**This is to overwrite Hotmail’s Embedded CSS************/ 
table {border-collapse:separate;} 
a, a:link, a:visited {text-decoration: none; color: #00788a} 
a:hover {text-decoration: underline;} 
h2,h2 a,h2 a:visited,h3,h3 a,h3 a:visited,h4,h5,h6,.t_cht {color:#000 !important} 
p {margin-bottom: 0} 
.ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td {line-height: 100%} 
/**This is to center your email in Hotmail************/ 
.ExternalClass {width: 100%;} 
</style>

E-posta merkezinin hizalanmasını sağlamak için başka neler yapabileceğimi önerileriniz var mı?

kaynak

2012-10-25 Alok Jain

Sorun,

'olabilir. Bu, tüm e-posta istemcileri tarafından destekleniyorsa ve MS outlook/hotmail'in destekledikleri konusunda özellikle seçici olduğu bilinir. Bu sayfa size yardımcı olabilir: http://www.campaignmonitor.com/css/ – kburns

İşte tüm e-postalarım için başlangıç noktası olarak kullandığım yapıyorum. Tüm önemli e-posta istemcileri üzerinde% 100 çalışır:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title></title></head> 
<body style="margin: 0px; padding: 0px background-color: #FFFFFF;" bgcolor="#FFFFFF"><!-- << bg color for forwarding (leave white) // main bg color >> --><table bgcolor="#252525" width="100%" border="0" align="center" cellpadding="0" cellspacing="0"><tr><td> 
<!-- CENTER FLOAT WIDTH --> 
<table width="600" border="0" valign="top" align="center" cellpadding="0" cellspacing="0"><tr><td><!-- Master Width of the center panel --> 
preheader... 
<!-- CENTER PANEL BG COLOR (to hide separation of tables on email forward from Outlook (known issue) --> 
<table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF"><tr><td><!-- Master Color of the center panel --> 

content... 

<!-- /CENTER BG COLOR --> 
</td></tr></table> 

<!-- /CENTER FLOAT WIDTH --> 
</td></tr></table> 
<!-- /CENTER FLOAT --> 
</td></tr></table></body></html>

O olan biri (html tasarlanmış bölümü için arka plan renkli kalırken onlar, beyaz üzerine yazabilirsiniz) üzerinde e-postaları yönlendirirken için beyaz zemin yaptırılmıştır. Ayrıca, ana panel, bgcolor ile ayarlanır çünkü Outlook, iletildiğinde tablolar arasında boşluklar koyar.

Bu yardımcı olur umarım.

kaynak

2012-11-20 16:22:00 John

gerçekten bana çok yardımcı oldu! Outlook 365 ve outlook 2010 arasındaki e-postayı merkeze alamadım ... sahip olduğunuz etiketlerin aynısı vardı, fakat açıkçası siparişiniz bir şekilde farklı, doğru ve tüm istemcilerdeki bir e-postayı merkezlemek için çalışıyor. Teşekkürler! – mike

Kötü haberleri almaktan nefret ediyorum, ancak hiçbir şey tüm e-posta istemcilerinde% 100 çalışmaz. – Goose

@Goose. Tüm büyük müşteriler için öyle. Litmus gibi daha az bilinen müşteri hizmetleri için test etmediği gibi, cevaba "büyük" ekledim. – John

Bu size merkezli e-mail vermelidir:

<table style="width: 100%; background: red;"> 
    <tr> 
    <td> 
     <center> 
     <table style="width: 640px; background: blue; margin: 0 auto; text-align: left;"> 
      <tr> 
      <td> 
       Your content here 
      </td> 
      </tr> 
     </table> 
     </center> 
    </td> 
    </tr> 
</table>

center -etiket Outlook ve outlook.com gerektirdiği budur. Diğer istemciler margin özniteliğini kullanır. Bazı istemcilerde, metin center-etiketinden sonra ortalanır ve bu nedenle text-align özniteliği gereklidir. Eğer genişlik ekran boyutuna bağlı olarak değişken olmasını istiyorsanız

, şu kodu kullanın:

<table style="width: 100%; background: red;"> 
    <tr> 
    <td> 
     <center> 
     <!--[if mso]> 
     <table style="width: 640px;"><tr><td> 
     <![endif]--> 
     <div style="max-width: 800px; margin: 0 auto;"> 
      <table style="background: blue; text-align: left;"> 
      <tr> 
       <td> 
       Your content here 
       </td> 
      </tr> 
      </table> 
     </div> 
     </center> 
     <!--[if mso]> 
     </td></tr></table> 
     <![endif]--> 
    </td> 
    </tr> 
</table>

Outlook max-width desteklemez ve bu nedenle boyut Outlook için 640px sabitlenir. Diğer tüm istemciler için, e-postanın genişliği görüntüleme penceresininkiyle aynı, ancak maksimum 800 pikseldir.

Lütfen bu çözümlerin işe yaramadığı bir istemci bulursanız lütfen bize bildirin, böylece olabildiğince çok müşteri ile çalışan bir çözüm bulabiliriz.

kaynak

2013-08-12 11:25:29

çok yararlı @magnarmyrtveit teşekkürler! –

' etiketi kendi başıma Hotmail/Outlook sorunumu çözdü. –

center outlook.com içinde e-posta adresini hizala

cevap

İlgili konular