Tasarımcı arkadaşlarım özellikle Xhmtl – Css konusunda bir çok uzmanlaşmış dostlarım bile İE nin css konusundaki aptal haraketlerinden şikayet etmekteler. Bu gün bir kez daha İE kullanmanın ne kadar saçma sapan bir şey olduğunu anlamış bulunmaktayım ..

Sayfaya yerleştirdiğim kod

kadar kısa bir kod. Ekranda gördüğünüz mavi buton gerigit butonu ve adobe browser lab’a da güvenemedim tek tek açıp test ettim tabibi en problemli İE 8

Daha fazla yorum yapamıyorum hatta anlamak için cümle bile kuramıyorum yorum sizin

Css le beraber kullanabileceğiniz güvenli ve güzel font listesini toplamış bulunmaktayım .Vakit buldukça düzenliyeceğim bu listeyi yaklaşık 20 adet .

Güvenli font Mac,Pc,Linux,safari,firefox vb tipteki platformlarda çalışabilecek herkez tarafından görülebilirlik sağlamak demektir.

Aşağıdaki örneklerde css dosyasını direk olarak kopyalayıp kullanabilirsiniz.Css kodunun üzerinde ise fontunuzun nasıl gözkeceğini görebilirsiniz.

Yorumlarınızı bekliyorum

Impact

.classname {
color: #333333;
font-family: Impact, Charcoal, sans-serif;
}

Palatino Linotype

.classname {
color: #333333;
font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
}

Tahoma

width="300" height="49" class="alignnone size-medium wp-image-299" />

.classname {
color: #333333;
font-family: Tahoma, Geneva, sans-serif;
}

Century Gothic

.classname {
color: #333333;
font-family: Century Gothic, sans-serif;
}

Lucida Sans Unicode

.classname {
color: #333333;
font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
}

Arial Black

.classname {
color: #333333;
font-family: 'Arial Black', Gadget, sans-serif;
}

Web masterların , html designer ların en büyük korkulu rüyası demek istemesem de bazen cross browser siteler yaparken css en büyük zamanımızı alan bir kabustur CSS.

Bu konuda çok profesyonel arkadaşlarım bulunmasına rağmen onlar bile bazı projelerde ve anlarda css le sorun yaşadıklarını itiraf ediyorlar.

Css ile sitemize eklediğimiz dökümanların iconlarınıda yanlarında göstermek istiyorsak css ile mümkünatı var tabiki. Nasılmı ?
Bütün programlar örneğin Word,Excel,Quictime,Flash vb.. programların iconlarını hyperlinkimizin yan kısmında gösterebiliriz.

ilk olarak linkimizi oluşturuyoruz

1

<a href="dokumanlar/butce12.pdf">Aralık Ayı Bütçe Raporu</a>

İkinci Aşamada PDF uzantılı dosyamız için olusturacağımız css kodu aşağıdaki gibi olmalıdır.

1
2
3
4

a[href $='.pdf'] {
 padding-right: 18px;
 background: transparent url(icon_pdf.gif) no-repeat center right;
}

Bu kodu uygulamamız da kullanmak istediğimiz bütün program iconları için yapmamız gerekecektir. Ve doğal olarak iconlarınıda images klasörü altına atmamız gerekecektir.