Fatih Hayrioğlu

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

Resim Kullanmadan Altı Çizgili Başlıklar Oluşturmak

Resimde görüldüğü gibi başlık yapmak için bir bg resmi hazırlayıp başlığın altına tanımlıyordum. Sonra acaba ben bunu resim kullanmadan yapabilirmiyim diye düşündüm. Float uygulanmış elemanların kapsayamama sorunu diye ismini uzattığım clearfix sorunu aklıma geldi, aslında bu bir sorun değil kabul idi. Tarayıcılar olayı böyle kabul ettiği için içinde float uygulanmış

By Fatih Hayrioğlu

CSS Dersleri

CSS3 Çoklu Ardalan(Multiple Background)

CSS3 standart geliştiricileri önceki sürümlerde eksik olan birçok sorunu gidermektir. Daha önce birçok uygulamamızda yaşadığımız sorunlardan biriside bir elemana birden fazla ardalan resmi(background-image) tanımlayamıyoruz. Bu sorun nedeni ile birden fazla ardalan resmi tanımlamak istediğimiz durumlarda fazla eleman ekleyerek çözüm üretiyorduk. Yuvarlak kenarlı kutular,  CSS ile sekmeli tab menu yapımı,

By Fatih Hayrioğlu

CSS Dersleri

CSS3 ile yuvarlak kenarlı resim yapmak

Bir resminize kenar çizgisi tanımı yapıp daha sonrada köşelerini ovalleştirmek istediğinizde köşelerdeki kenar çizgilerinde sorun yaşıyoruz. {% highlight html %} {% endhighlight %} Örneği görmek için tıklayınız. Kırmızı ile işaretlediğim yere dikkat ederseniz sorunlu gözüken kısımalar var. Bu sorun tarayıcıların bir sorunu gibi duruyor. Eğer ie’nin sorunları ile bu kadar zaman kaybetmemiş olsa

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