lostyazilim
tr.link

input ile label yanyana gelmiyor.

3 Mesajlar 5.000 Okunma
lstbozum
tr.link

eozbay eozbay WM Aracı Kullanıcı
  • Ü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.
 

 

wmaraci
reklam

creed74 creed74 WM Aracı Kullanıcı
  • Ü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.
 

 

ikodev ikodev Developer Kullanıcı
  • Ü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 ;
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:
eozbay

kişi bu mesajı beğendi.

Site Ayarları
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al