Bir saniye ...
Projelerinizin bir yerinde, Internet Explorer’da düzgün görünebilecek bir buton oluşturmaya çalıştıysanız, butonlarla çalışmanın ne kadar sıkıntılı olabileceğini fark etmişsinizdir.
IE butonun içindeki yazının çevresinde, diğer tarayıcılarda görüntülenmeyen ekstra boşluklar bırakır. Butonu ekleyeceğiniz çalışma alanı bu ekstra genişliği kaldırabiliyorsa, bu durumu çok da önemsemeyebilirsiniz ama, küçük bir alana buton sığdırmak istediğinizde bu ekstra pikseller canınızı sıkabilir.
Aslında Internet Explorer’ın, butonun içindeki yazının sağında ve solunda bıraktığı boşlukları, diğer tarayıcıların bıraktıkları boşluklarla eşitlemek için iki satır kod yeterli oluyor.
width: auto;
overflow: visible;
}
Bu iki satırı buton özelliklerine ekleyerek, yazının iki yanındaki boşlukları normale indirgeyebiliyorsunuz. Yalnız ne yazık ki bu ipucu, IE’nin butonun üstüne ve altına eklediği bir kaç piksellik ekstra boşlukları kaldırmaya yetmiyor.
Boşuna dememişler, “Buton kullanmayın, resim kullanın” diye…
Formlar ve butonlarla ilgili bir başka yazımız: Küçük formları nasıl daha erişilebilir yaparız?
Etiketler: boşluk, buton, form, genişlik, IE, Internet Explorer, ipucu, piksel, pixel, proje
Bu yazı
26 Nisan 2008 günü, saat 6:00 sıralarında victory tarafından yayınlandı. İlgili olduğu kategori: Yaz bi yere, İşe yarar.
Bu yazıya yapılacak yorumlardan haberdar olmak için RSS 2.0 beslemesini kullanabilirsiniz.
Yorum yapabilirsiniz, veya kendi sitenizden geri izleme yapabilirsiniz.
Puana Göre | Tarihe Göre
IE’de Buton Genişliğini Düzeltmek…
Bilindiği üzere Internet Explorer butonun sağına ve soluna ekstra boşluklar koymaktadır, bu da butonun olduğundan daha geniş görünmesine neden olmaktadır. Bu yazıda bu sorunu nasıl giderebileceğiniz gösterilmektedir….
Fikir Beyan Edin
