Forum'da ara:
Ara


Yazar Mesaj
Mesaj22.12.2009, 17:24 (UTC)    
Mesaj konusu: CSS’de form elemanlarını type’ına göre ş

Konumuz, Sitenizde kulanıdığınız, <input/> elementlerini type’larına göre şekillendirmek.
Durumumuz söyle olsun ; Siteniz genelindeki textbox’larınızın 250px’lik genişliğe sahip olmasını zeminin açık sarı olmasını istiyorsunuz. Fakat bu etkinin butonlar gibi diğer input elemanları üzerinde gerçekleşmesini istemiyorsunuz.
Bunun için uygulayabileceğimiz 3 yöntem var.
1. yol : ( ÖNERİLİR ) (Form elemanlarına class adı vermek ve stillerini düzenlemek… )
form elemanlarınız :
Kod:
<input type="text" class="text" value="" />
<input type="button" class="button" value="Buton" />
<input type="submit" class="button" value="Gönder" /> 

css tanımlamalarınız :
Kod:
input.text { width:250px; background:#FF9; }input.button { /* buton içinde style yazabilirsiniz... */ } 
input[type="text"] { width:250px; background:#FF9; }
input[type="button"], input[type="submit"] {
/* buton ve submit içinde style yazabilirsiniz... */
}

2. yol : Bu özellikle siteyi yapmış fakat sonradan değişiklik peşinde olanlar için daha pratik bir çözüm. Tüm input elemanlarına class vermeniz gerekmiyor…
form elemanlarınız :
Kod:
<input type="text" value="" />
<input type="button" value="Buton" />
<input type="submit" value="Gönder" /> 

css tanımlamalarınız :
Kod:
Önceki mesajları göster:   


Powered by phpBB © 2001, 2005 phpBB Group
Türkçe Çeviri: phpBB Türkiye & Erdem Çorapçıoğlu