XHTML

CSS Dersleri

CSS3 Renk Geçişinin <body> elemanına uygulamasındaki sorun ve çözümü

CSS3 yeniliklerinde yaralanıyoruz, tabi bazı sorunlar ortaya çıkıyor. Hatasız kod olmayacağı için, hata olur ama bir çözümüde vardır elbet diye düşünmemiz lazım. Sorun tam olarak bir sayfanın ardalanının tamamına renk geçişi uygulamak istediğimizde belli bir yere kadar uygulayıp kalan kısmını tekrar ettirerek istemediğimiz bir durum oluşmasına neden oluyor. Sorunun çözümünü

By Fatih Hayrioğlu

CSS Dersleri

CSS3 Dönüştürme Özellikleri(Transforms) ve 2B Dönüştürme

Webkit ekibinin ilk olarak 2008 yılında CSS’e kattığı bu özellik daha sonra w3c tarafından standartlara girdi. HTML elemanlarını döndürmek, boyutlandırmak, eğmek gibi eylemleri gerçekleştirmemize yarıyor. 2d Transform özelliği 3d’ye göre tarayıcı desteği konusunda çok avantajlı. 2B Dönüştürme özelliklerini ie9+ desteklerken, 3B Dönüştürme özelliklerini henüz betası çıkmış olan ie10+

By Fatih Hayrioğlu

CSS Dersleri

İnternet Explorer'da Renk Geçişi Sorunu ve Çözümü

CSS3 ile renk geçişi hakkında yazdığımız makalede İnternet Explorer içinde çözüm üretmiştik. Uygulamada bazı durumlarda renk geçişinin İnternet Explorer’larda çalışmadığını gördüm. Biraz araştırınca bu sorunun hasLayout’tan kaynaklanan bir sorun olduğunu gördüm. CSS3 ile renk geçişi için http://www.colorzilla.com/gradient-editor/sitesini kullanıyorum. Sorunu görmek için aşağıdaki

By Fatih Hayrioğlu

CSS Dersleri

İnternet Explorer hasLayout Kabulü ve Sorunları

Makaleye başlamadan önce Internet Explorer 8 standart modda hasLayout kabulünün kaldırıldığını söyleyelim. IE7 uyumluluk modunda hala mevcut. hasLayout özelliği hakkında bir şeyler bilmememiz normal çünkü biz daha çok sorun kısmını görüyoruz. Aslında bazı kaynaklarda “Boyutlandırma Hatası” olarak da geçiyor bu sorunlar. hasLayout Internet Explorer’un yorumlayıcı motorunun bir kabulü olarak

By Fatih Hayrioğlu

XHTML

HTML Dokümanında Javascript Dosyalarını Nereye Koymalıyız?

Javascript’i web sitelerine eklemek Javascript dosyaları bir web sitesine iki şekilde eklenir. Birincisi satıriçi(inline), ikincisi ayrı bir javascript dosyası hazırlayıp harici olarak eklemek. İlk javascript’i Hakkı Öcal’ın javascript kitapçığından öğrenmeye başlamıştım. İlk örnek şöyle idi; {% highlight html %} function merhaba() //merhaba isimli fonksiyonu deklare ediyoruz { //bu, fonksiyonun

By Fatih Hayrioğlu

CSS Dersleri

CSS ile Hiyerarşik Yerimi(Breadcrumbs) Yapmak

Kodladığım bir çok sitede eğer site alt sayfalar ve onlarında alt sayflarında oluşan karmaşık bir yapıya sahip ise genelde kullanıcıya nerede olduğu göstermek için hiyerarşik linkler kullanırız. Bunu hiyerarşik yerimi olarak isimlendirmek bana daha mantıklı geldi. Amaç web sitemizin kullanılabilirliğini arttırmaktır.  Kullanıcıya bulunduğu sayfa hiyerarşik yapısıda gösterilerek daha kullanışlı bir

By Fatih Hayrioğlu

CSS Dersleri

CSS İpucu 30 background tanımında tırnak kullanımı

CSS kodu yazarken background tanımlarında bazı yerlerde tırnaklı tanım yapıldığını, bazı yerlerde ise tırnaksız tanım yapıldığını görmüşsünüzdür. {% highlight css %} background("deneme.gif"); {% endhighlight %} veya {% highlight css %} background(deneme.gif); {% endhighlight %} Ben birkaç güne kadar arada bir farkın olmadığını düşünüyordum.(Aslında benim gibi özel durumlar hariç bir fark olmadığı

By Fatih Hayrioğlu

CSS Dersleri

overflow:auto içinde %100 genişlikte tablo kullanımında ie7’de yatay kaydırma çubuğu sorunu

Başlığı açıklayıcı yazayım diye uzattım, yinede tam açıklamıyor sorunu. Tam metin şöyle olmalı “overflow:auto atanan eleman içinde %100 genişlikli tablo kullanımı ve bu tablonun ie7’de meydana getirdiği fazladan yatay kaydırma çubuğu sorunu ” Bu tanımı daha iyi yaparım deyipte başlık öneren varsa başlığı değiştirebilirim. Hayatımız İnternet Explorer ile uğraşmak

By Fatih Hayrioğlu