2013-03-22 19 views
5

Genel görünümün çoğu sürümlerinde, html e-postanızdaki dolgu veya kenar boşluğu varsayılan değerlerini kaldırmak için bir yer bulmakta zorluk çekiyorum. Dolgu/kenar boşluğunun gösterilmesini engellemek için HTML e-postama koyabileceğim bir şey olup olmadığını merak ediyordum.HTML e-postalarının görünümüne ilişkin e-posta görünümünden varsayılan dolgu/kenar boşluğu nasıl kaldırılır

Teşekkür

+1

style = "margin: 0; dolgu: 0" – Dharman

cevap

0

satır içi stilleri ekleyebilir, şu kilit Outlook'un varsayılan (daha yüksek önceliğe sahiptir).

Ör.

<div style="padding:0; margin:0;" class="wrapper"> 
    ... etc ... 
</div> 
+0

Teşekkürler Hexblot, ancak zaten bu stilleri ekledim style = "background: #ebebeb; padding: 0px; margin: 0px;" gövdeye ve içeren tabloya – MaxwellLynn

+0

ekleyin; böylece stilleri Firebug'la (Firefox'ta) veya Chrome'un yerleşik aracında incelerseniz, bunların geçersiz kılındığını görüyor musunuz? veya Outlook'un stilleri farklı bir seviyede mi uygulandı? Kurallarınızı son çare olarak "önemli" ile desteklemeye çalışabilirsiniz (veya Outlook zaten kullanıyorsa). – hexblot

+0

Tarayıcıda yerel olarak gayet iyi çalışıyor görünüyor ki outlook, tüm e-postayı 10px iten bir varsayılan dolgu/marj yuvarlak var gibi görünüyor. e-postanın üstbilgisinin tüm e-posta istemcilerinin% 100'ü olmasını istediğimi görüyorum, ancak göründüğünde, son 10px'e ulaşıyor ve içerik renginin yerine gövdenin/kapsayıcının arka planını gösteriyor. Bence bu daha fazla araştırma ile Outlook'a inşa edilmiş bir şey ve bunun hakkında yapabileceğim bir şey değil. – MaxwellLynn

2

Bu çalışır:

<body style="margin: 0px; padding: 0px; background-color: #252525" bgcolor="#252525"> 

Aynen iletilir eğer e-posta zincirine kanayacak vücut arka plan rengini ayarlamak neyse not edin. Bunu engellemek için gövdeyi beyaz bırakıp bir html kapsayıcı masanın üzerine koymanızı öneririm. Ayrıca Tablo hücreleri padding'siz tamamen düz olması ve tabloya bu emin eklemek için yapmak boşaltmak için ihtiyacınız varsa

1

:

<table cellpadding="0" cellspacing="0"> 

Ve boş hücre durumunda

<td style="font-size:0px;"> 
1

HTML Boilerplate CSS sıfırlama kullanmayı deneyin:

body{width:100% !important; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; margin:0; padding:0;} 
.ExternalClass {width:100%;} 

Ya da daha iyisi, sadece Boilerplate'i e-postalarınızın başlangıç ​​noktası olarak kullanın.

İlgili konular