İmaj yerine koyma tekniklerinin temel felsefesi web ortamında kullanılamayan fontların, web uygulamalarında kullanılabilmesine odaklanıyor. Klasik imaj yerine koyma tekniklerinin yetmediği noktada, web geliştiricileri değişik yöntemler üzerinde duruyorlar. Bunlardan birini şu yazımda sizlerle paylaşmıştım. Bu yaklaşımlardan bir diğeri ise; web geliştiricileri tarafından kabul görmüş sIFR tekniği…

CSS’de, XHTML elementler arasındaki akrabalık ilişkisine göre seçim yapma imkânına sahibiz. Böylece her element için özel bir sınıf, ya da ID tanımlamaktan da kurtulmuş oluruz.  Pratik kullanımda dikkat edilmesi gereken, ailesel seçicilerin referans alınabilecek bir Sınıf ya da ID seçiciye göre tanımlanması gerekliliğidir. İsterseniz bu akrabalık ilişkilerine birlikte göz atalım.

Konuyla ilgili bir önceki yazımızda CSS özellik seçicilerini kullanarak daha erişilebilir ve kullanıcı dostu linkler oluşturmuştuk ve ne yazık ki IE6’nın kodlarımızı algılamadığını birlikte tecrübe etmiştik. CSS kullanarak yaptığımız bu işi, bu sefer JQuery kullanarak gerçekleştireceğiz.

CSS’in ikinci sürümü ile birlikte gelen Evrensel Seçici (Universal Selector) (*), bir XHTML doküman içerisindeki bütün ögeleri hızlıca seçmemizi sağlar.

Web geliştiricileri, CSS imaj yerine koyma tekniklerindeki erişilebilirlik sorunlarını aşabilmek ve kullanılmak istenen her imajı tek tek hazırlamak derdinden kurtulabilmek için Javascript destekli yeni teknikler geliştiriyorlar.

CSS’de, XHTML ögeleri şekillendirebilmek için öncelikle onları seçmemiz gerekir. Bu seçme işlemini CSS’in bize sağladığı seçicileri (selectors) kullanarak gerçekleştiririz. İsterseniz hızlıca seçicilerimizi tanıyalım.

Serinin bu dördüncü yazısında, Seamus Leahy ve Stuart Langridge tarafından geliştirilen teknikten bahsedeceğim. Bu teknik, yazıyla değiştirilecek blok elemanın yüksekliğinin 0px tutularak, yazının gösterilmemesi ilkesine dayanıyor. Arka planda resmin gösterilebilmesi için ise, resmin yüksekliğinde bir padding-top değeri uygulanır.