Yeni sürüm Windows Live Hotmail yorumlama sorunu

Bültenlerimizi hazırlarken, bir takım tekniklerle,  sayfada ortalayabiliyor, zemin rengi verebiliyoruz. Windows Live Hotmail’in yaptığı yeni düzenleme ile gözümüze çarpan ilk sorun, Firefox, Safari, Chrome gibi Internet Explorer olmayan bir çok tarayıcıda, bu şekilde hazırlanmış olan bültenlerin hepsi sayfanın sol tarafına hizalanmış ve zemin renginin kaybolması oldu.

Daha önce ne yapıyorduk da oluyordu?

Zemin rengi vermek ve bültenimizi ortalamak için uygulanan en bilindik teknik, bültenimizi kapsayan tabloyu, başka bir tablonun içinde koymak idi. Şöyle ki:

<table width="100%" bgcolor="#cccccc"><tr><td>

<table width=”600″ align=”center”>Bültenimiz burada</table>

</td></tr>
</table>

Malesef yeni Windows Live Hotmail dış taraftaki (100% genişliğindeki) tablomuzu yok saymaya başladı ve bültenimizin Windows Live Hotmail ekranındaki görünümü şu şekle dönüştü:


Windows Live Hotmail

Bültenimizin Windows Live Hotmail

Peki yok mu bunun bir çözümü?

Var elbette. Hotmail bu durumu oluşturmak için sayfada bir takım yorumlayıcı kodlar çalıştırmakta. Bizim yapmamız gereken Hotmail’a bu işlemi farklı şekilde yorumlamasını söylemek. Bunun için bültenimize aşağıdaki CSS kodunuz yerleştirmek yeterli olacaktır:

<style type="text/css">
.ReadMsgBody { width: 100%; }
.ExternalClass { width: 100%; }
</style>

Merak etmeyin, bu kod bülteninizin diğer e-posta tarayıcılarındaki görünümünde hiç bir etki oluşturmayacaktır.

Sonuç, eskiden olduğu gibi bültenimiz ortalı ve zemin rengimiz aktif:


Windows Live Hotmail

Bültenimizin Windows Live Hotmail

Zemin rengini muhafaza etmek için uygulayabileceğimiz bir başka çözüm de, dış tablomuza bir stil etiketi vermek olabilir:

<table width="100%" bgcolor="#cccccc" style="table-layout:fixed">

Hotmail’in 360 milyondan fazla aktif e-mail kullanıcısı olduğunu düşünürsek, bu işlem uygulamaya değer sanırım.

Sizde eğer Hotmail’de bundan farklı yorumlama sorunları fark ederseniz bu yazının yorum kısmına yazarsanız memnun olur, çözümünü hep birlikte paylaşırız.

Bu yazıda kullandığımız başarılı bültenlerini kullanmamıza izin veren Eğitişim Kariyer Enstitüsü‘ne de çok teşekkür ederiz.

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir