Outlook 2007 HTML ve CSS sorunu

// Temmuz 22nd, 2009 // İnternet Dünyası, Teknoloji, Weboloji

Outlook 2007, kullanım sıklığı arttıktan sonra tasarımcı ve HTMLogların* korkulu rüyası oldu. 2003 sürümünde sorunsuz görüntülenen bir çok e-posta tasarımı, 2007 sürümünde saç baş yolduracak derecede kötü gözüküyor. Bunun sebebi Microsoft’un değişen politikaları. Outlook Express , Outlook 2003 ve önceki sürümleri Internet Explorer motoru kullanırken, birden bire 2007′de Word motoru kullanmaya karar verildi. Bu noktadan sonra HTML 4.1′e ve XHTML ile CSS’nin kolaylıklarına alışmış biz tasarımcılar tekrar gerisin geri gidip bir kaç yıl öncesinin gereksiz kodları ile dolu HTML kodları üretmeye başladık. Normalde 3 Kb ile bitecek bir HTML 12 -20 Kb’lara çıkmaya başladı. Önceki senelerden tecrübeniz olsa da bu sıkıntıyı aşma konusunda siz dahi zorlanabilirsiniz, kaldı ki yeni başlayan arkadaşlar ne yapsın?

İşte size bir kaç öneri.

  1. HTML yaparken DIV etiketlerini kullanmamaya özen gösterin. Outlook 2007′nin DIV’lerle arası hiç iyi değil.
  2. Sayfa yapınızı table etiketleri ile oluşturun
  3. CSS’leri <style> .class {nitelikler} </style> ile tanımlamak yerine etiket içerisinde kullanın. Örneğin: <span style=”color:red;font:normal 12px Arial”>Kırmızı Yazı</span>
  4. Her bir nesneye ayrı ayrı style tanımlayın.
  5. Tablolarda colspanrowspan kodları kullanmaktan şiddetle kaçının. Bunun yerine mümkün olduğunca parçalı tablo yapısı kullanın.
  6. padding, margin gibi mesafe kodlarını kullanmamaya özen gösterin. Onun yerine yine başvuru kaynağımız table etiketi. Tablolardaki cellpadding ve cellspacing ile çözmeye çalışın.

Profesyonel çözümler için benimle iletişime geçebilirsiniz.

Popularity: 35% [?]

5 Responses to “Outlook 2007 HTML ve CSS sorunu”

  1. murat diyor ki:

    yazınız bilgilendirici oldu. bir sorum olacak;
    tablo genişliğini sabit tutmak için kodu nasıl yazmam gerekiyor?

  2. İsa Güçlü diyor ki:

    <table width="600">

    ………

    ……….

    </table>

    gibi olmalı. Burada yalnızca genişlik değerini verdim. Tablomuz 600 piksel oluyor bu durumda.

  3. murat diyor ki:

    şeklinde denemiştim. bir işe yaramıyor. sanki değeri 100% algılıyor.

  4. murat diyor ki:

    table width=”350px” şeklinde.

  5. İsa Güçlü diyor ki:

    HTML’de (CSS’de değil) width=”600″ yazarken sonuna “px” yazmamalısın.

Leave a Reply