IETester ile sitenizi Internet Explorer sürümlerinde test edin

Uğur ÇELENK tarafından yayınlanmıştır 24. Ekim 2008 18:25

IETester nedir?
IETester, ücretsiz bir web tarayıcısıdır. 



Resimden gördüğünüz üzere türkçe dil desteği bulunmakta ve sayfa açarken versiyon seçerek açıyoruz.


IETester ne işe yarar?
IE8 beta 2, IE 7, IE 6 and IE5.5 sürümlerinde sitenizin(sayfanızın) nasıl göründüğünün ve javascriptlerin doğru çalıştığının kontrolünü yapmak için IETester tarayıcısını kullanabilirsiniz. Internet Explorer 6 kullanan halen ~25%'lik bir internet kitlesi bulunuyor maalesef. IE 6 ve IE 8 aynı bilgisayar üzerinde kurulamadığından IETester yardımımıza koşuyor.

IETester kurulumu için gereksinimler nelerdir?
IETester'ı kurabilmek için Windows Vista veya XP üzerinde IE 7 veya IE8 kurulu olması gerekmektedir.


IETester'ı nerden indirebilirim?
v0.2.3 versiyounu indirmek için buraya tıklayınız.. (24 MB)


IETester(v0.2.3)'ın eksik veya sorunlu yanları varmıdır?
- Resize(boyutlandırma) etmeye çalışıldığında içerik kaybolabiliyor. Bir sonraki versiyonda düzeltilecekmiş.
- İleri/Geri butonları tam anlamıyla çalışmıyor.
- Focus(odaklanma) tam anlamıyla çalışmıyor.
- Java appletler çalışmıyor.
- IE 6 ile flash çalışmıyor.


IETester hakkında detaylı bilgiyi nerden edinebilirim?
Detaylı bilgi için buraya tıklayınız..

CSS ile margin ve padding kullanımı

Uğur ÇELENK tarafından yayınlanmıştır 7. Eylül 2008 14:02
Sitemizin layoutlarını hazırlarken sıklıkla kullandığımız margin ve padding seçicilerinin en kısa şekilde nasıl kullanılabileceğinden bahsedeceğim.

Öncelikle margin ve padding hiç kullanmamış olanlar için ne olduklarını kısaca belirtelim; 
margin, birlikte kullandığımız elementin borderından(çerçevesinden),diğer elementleri uzaklaştırmak istediğimizde kullanırız.
padding ise marginin tersi olup, borderın iç kısmında mesafe bırakmak için kullanılır.

Padding ile kullanım farkı olmadığından, margin üzerinden açıklamaları yapacağım..

margin-bottom : aşağıdan ne kadar boşluk bırakacağını belirler. px cinsinden değer alır.
margin-top : borderın üstünden ne kadar boşluk bırakacağını belirler. px cinsinden değer alır.
margin-left : soldan ne kadar boşluk bırakacağını belirler. px cinsinden değer alır.
margin-right : sağdan ne kadar boşluk bırakacağını belirler. px cinsinden değer alır.

.div_deneme{
margin-bottom:5px;
margin-top:5px;
margin-left:5px;
margin-right:5px;
}

şeklinde div_deneme classı için margin değerleri atanabilinir fakat tüm margin değerleri 5px olduğundan aşağıdaki gibi bunu tek seferde de verebiliriz :

.div_deneme{margin:5px}

Bu şekilde kısaltmalar kullanarak css dosyamızın daha az kb olmasını sağlamış oluyoruz (yani sayfamızın daha hızlı yüklenmesini sağlamış oluyoruz.)

4 farklı şekilde margin değerleri tek satırda atanabilinmektedir. Bunun için alttaki resmi hazırladım, çoğu zaman aldığı parametrelerin yerlerini karıştırdığımdan margin veya padding kullanırken bakıyorum..
 
css margin

Her hafta css ile ilgili en az 1 makale yazmaya karar verdim, diğer makale de yakında geliyor..

1

Altyapı olarak BlogEngine.NET 1.4.5.0 kullanılmış olup Türkçe çevirisi BlogEngine TR ekibi tarafından yapılmıştır ve tasarımı bana aittir. || Oturumu aç

 Friendfeed AkışımTakip Et

 Son Yorumlar

Yorumlar RSS

 Etiket Bulutu