div yerine span koydum yine olmadı. label ile inputu ayrı spanlara koyunca da olmadı. Hep aşağıda çıkıyor. Tablo yapmak istemiyorum. Mobilde açınca sıkıntı oluyor.
input ile label yanyana gelmiyor. |
3 Mesajlar | 4.944 Okunma | ||
- Üyelik 06.10.2017
- Yaş/Cinsiyet 36 / E
- Meslek Kimya Mühendisi
- Konum Konya
- Ad Soyad E** Ö**
- Mesajlar 78
- Beğeniler 5 / 0
- Ticaret 0, (%0)
Merhaba arkadaş aşağıdaki kodların label ile input yanyana gelmesi için nasıl düzenleyebilirim:
div yerine span koydum yine olmadı. label ile inputu ayrı spanlara koyunca da olmadı. Hep aşağıda çıkıyor. Tablo yapmak istemiyorum. Mobilde açınca sıkıntı oluyor.
div yerine span koydum yine olmadı. label ile inputu ayrı spanlara koyunca da olmadı. Hep aşağıda çıkıyor. Tablo yapmak istemiyorum. Mobilde açınca sıkıntı oluyor.
- Üyelik 30.06.2016
- Yaş/Cinsiyet 50 / E
- Meslek Yazılım
- Konum İstanbul Anadolu
- Ad Soyad Y** T**
- Mesajlar 977
- Beğeniler 33 / 388
- Ticaret 45, (%100)
eozbay
örneğiniz çok eksik, css kaynağını vermediğinizden label ile inputu alt alta alan kodları göremiyoruz, şu haliyle (herhangi bir css kütüphanesi olmadan) zaten yan yana, siz alt alta gelmesini sağlayan bir değer atamazsanız eğer html de default olarak zaten yan yana koyar. Css de label ve input a atanan değerleri de görmemiz lazım.
örneğiniz çok eksik, css kaynağını vermediğinizden label ile inputu alt alta alan kodları göremiyoruz, şu haliyle (herhangi bir css kütüphanesi olmadan) zaten yan yana, siz alt alta gelmesini sağlayan bir değer atamazsanız eğer html de default olarak zaten yan yana koyar. Css de label ve input a atanan değerleri de görmemiz lazım.
- Üyelik 08.05.2015
- Yaş/Cinsiyet 28 / E
- Meslek Developer
- Konum Samsun
- Ad Soyad İ** Ş**
- Mesajlar 1020
- Beğeniler 321 / 320
- Ticaret 19, (%100)
Elementleri yan yana hizalamak için CSS > float özelliğini kullanmalısınız. Gerekli elementlere css'den ;
float: left; özelliğini verirseniz hizalama gerçekleşecektir.
Örnek verecek olursak ;
HTML ;
CSS ;
Şeklinde kullanabilir veya class üzerinden işleminizi gerçekleştirebilirsiniz. Float özelliğini kullandıktan sonra input bitiminden bir kayma olacaktır. Bu kaymayı düzeltmek için yeni bir class ve css oluşturun.
HTML ;
CSS ;
Her float özelliğini kullandığınız elemandan sonra bu divi eklerseniz kesinlike bir problem yaşamazsınız.
İyi günler :rolleyes:
float: left; özelliğini verirseniz hizalama gerçekleşecektir.
Örnek verecek olursak ;
HTML ;
CSS ;
label {
float: left;
}
input {
float: left;
}
Şeklinde kullanabilir veya class üzerinden işleminizi gerçekleştirebilirsiniz. Float özelliğini kullandıktan sonra input bitiminden bir kayma olacaktır. Bu kaymayı düzeltmek için yeni bir class ve css oluşturun.
HTML ;
CSS ;
.clear {
clear: both;
}
Her float özelliğini kullandığınız elemandan sonra bu divi eklerseniz kesinlike bir problem yaşamazsınız.
İyi günler :rolleyes:
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)