Webmasterlar için Hotmail ve Gmail’deki beyaz çizgilerden kurtulmak.

Email marketing sektöründe kullanıcılarımızdan mailde kullanılan görüntüler arasında beyaz çizgi belirmesiyle ilgili pek çok şikayet almaktayız. Hotmail, gmail ve yahoo’ya gönderilen e-mailler için arada çıkan boşluklar hem bir sorun yaratır hem de tasarımın bütünlüğünü bozar. Bazı ünlü markaların ve hatta bankaların toplu e-mail gönderimlerinde bile bu sorunun olduğunu görmekteyiz. Bülteninizi görsel bazlı bir program yardımıyla dilimlediniz, gönderim yapacağınız bültenin html’ini tablo tabanlı olarak linkleriyle kodladınız ve tarayıcınızda sorun olmadığını gördükten sonra gönderiminizi yapmak istediniz. Fakat gördünüz ki bülteninizin görselleri arasında düzeniniz dışında kendiliğinden oluşmuş 3 pixellik boşluklar oluşmuş. Kimi zaman çok belirgin halde olan bu tuhaf boşluklar yüzünden beklide bülteninizi en baştan kodladınız ama sonucun aynı olduğunu gördünüz.

Yapılan pek çok testte beyaz çizgi sorununun tüm tarayıcılar ve çoğu e-posta sağlayısında olduğunu görüyoruz. Mac ve pc işletim sistemlerinde; Hotmail, gmail, yahoo ve diğer e-posta sağlayıcılarında; İnternet Explorer, Firefox, Safari, Opera ve Chrome gibi en çok kullanılan internet tarayıcıların hepsinde bu sorunun yaşandığını görüyoruz. Oysaki bültenlerde çıkan beyaz çizgilerden sonsuza dek kurtulmanın yöntemi çok basittir!

Bu sorunu düzeltmek için kodlama stiliyle ilgili olarak bilmeniz gereken bir şey vardır. HTML’deki  tag’ına “style=display:block” kodu eklenmelidir. Bu kodu sürekli olarak kullandığınız sürece hem beyaz çizgilerden kurtulmuş olacak hem de spam filtresi açısından güvenilir bir yol izlemiş olacaksınız.

Örnek: <img name=”index_r1_c1″ src=”index_r1_c1.jpg” width=”700″ height=”370″ border=”0″ id=”index_r1_c1″ alt=”” style=”display:block” />

Resim çağırdıgınız her satırda olmalıdır.

Örneklemek gerekirse kodlarınız;

Bu kodları otomatikman her bültende kullanırsanız, arada çıkan çizgilerle ilgili hiçbir probleminiz kalmamış olacaktır. “style=display:block” kodlarını kolay ve kullanışlı bir şekilde eklemek için kodlama editörünüzün “bul değiştir” seçeğini kullanabilirsiniz. Bu yöntemle hem zaman kazanmış, hemde her resme elle ayrı ayrı kod girme zahmetinden kurtulmuş olursunuz. Kodlama editörünüzün “bul değiştir” menüsünü seçip, “bul” alanına “img”, ikinci olarak “değiştir” alanına ise “img style=display:block” kodunu girerseniz, tüm resimlerinize bu kod eklenmiş olacaktır.  etiketine düzeltme eklemenin dışında ise, ayrıca Aksine elle her etiketine düzeltme ekleme dışında, ayrıca HTML başında inline CSS kullanarak şunu da yapabilirsiniz:


Gömülü bir stil kullanarakta beyaz çizgilerden kurtulabilirsiniz, fakat Gmail HTML gömülü stilleri tanımadığından bu seçenek yararsız olacaktır. Tüm e-posta işlemcilerinin düzgün çalışması ve tüm Modern web tarayıcılarında düzgün görüntülenebilmesi için, her resme önemle “style=display:block” eklemelisiniz. “style=display:block” kodu güvenli bir satır içi değiştirme aracı olduğu için her e-posta işlemcisinde geçerliliği vardır ve bu kods her bültenin olmazsa olmazı olmalıdır.

Comments are closed.