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.

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?

Yorum Yapın

Yorum yapabilmek için giriş yapmalısınız. Opereysin üyesi değilseniz, önce üye olmanız gerekiyor.