Div kullanımını bilenler için basit, benim için zor! yardım lütfen

29.07.2018 14:24

kdrucr WM Aracı Kullanıcı

Üyelik 14.01.2014
Yaş/Cinsiyet 46 / E
Meslek Öğretmen
Konum Ankara

Ad Soyad K** U**
Mesajlar 526
Beğeniler 231 / 69
Ticaret 1, (%100)

Arkadaşlar merhaba bir test eklentisinde (Bimber) seçenekler eklediğim resimde olduğu gibi alt alta sıralanmaktadır. Ben bunun alt alta değilde responsive olarak yan yana gelmesini istiyorum bunu nasıl yaparım teşekkürler.

Şu şekilde görülüyor...

Sayfa burada...

Ben bu şekilde görünmesini istiyorum..

Bunun için kodlar nasıl olmalıdır?
Şimdiden yardımlarınız için çok teşekkürler...

29.07.2018 15:31

#2

GoldenCode Üyeliği Durdurulmuş Banlı Kullanıcı

Üyelik 24.07.2018
Yaş/Cinsiyet 23 / E
Meslek Öğrenci
Konum İstanbul Anadolu

Ad Soyad Y** S**
Mesajlar 42
Beğeniler 6 / 11
Ticaret 0, (%0)

css kısmına float:left eklersen gelicektir...

Ama bence sitede gayet hoş duruyo

1 kişi bu mesajı beğendi.

29.07.2018 15:41

#3

kdrucr WM Aracı Kullanıcı

Üyelik 14.01.2014
Yaş/Cinsiyet 46 / E
Meslek Öğretmen
Konum Ankara

Ad Soyad K** U**
Mesajlar 526
Beğeniler 231 / 69
Ticaret 1, (%100)

GoldenCode Yorumun için teşekkür ederim aslında ben bunu 4 veya 5 seçenek için kullanacağım bu durumda float:left tek başına yeterli olmayacak. 2 seçenek koydum belki oradan çözebilir miyim diye..

29.07.2018 15:52

#4

dogubaklaci Kodlarla Anlatma Sanatı Kullanıcı

Üyelik 21.07.2018
Yaş/Cinsiyet 26 / E
Meslek Student
Konum İstanbul Anadolu

Ad Soyad D** B**
Mesajlar 725
Beğeniler 250 / 240
Ticaret 3, (%67)

Sonuncu hariç diğerlerini left yapın sonuncuyu float:right; yapın ardından
yaparak devam edebilirsiniz

1 kişi bu mesajı beğendi.

29.07.2018 16:03

#5

kdrucr WM Aracı Kullanıcı

Üyelik 14.01.2014
Yaş/Cinsiyet 46 / E
Meslek Öğretmen
Konum Ankara

Ad Soyad K** U**
Mesajlar 526
Beğeniler 231 / 69
Ticaret 1, (%100)

dogubaklaci Kardeşim ben CSS den hiç anlamıyorum. lefti raghtı nereye (css dosyasında) ekleyeceğimi bile anlamadım. Ben chromu açıp incele dedikten sonra sağıyla soluyla oynayıp ufak düzenlemeler yapabiliyorum sadece. Yinede yorumun için çok teşekkür ederim.

Bu arada float:left ekledikten sonra durum böyle oluyor ...

29.07.2018 16:20

#6

GoldenCode Üyeliği Durdurulmuş Banlı Kullanıcı

Üyelik 24.07.2018
Yaş/Cinsiyet 23 / E
Meslek Öğrenci
Konum İstanbul Anadolu

Ad Soyad Y** S**
Mesajlar 42
Beğeniler 6 / 11
Ticaret 0, (%0)

düzenlemek istediğin kodları atarsan yardımcı olabiliriz

29.07.2018 16:21

#7

kdrucr WM Aracı Kullanıcı

Üyelik 14.01.2014
Yaş/Cinsiyet 46 / E
Meslek Öğretmen
Konum Ankara

Ad Soyad K** U**
Mesajlar 526
Beğeniler 231 / 69
Ticaret 1, (%100)

Böyle bir şey buldum ama nasıl uygularım?

https://www.w3schools.com/code/tryit.asp?filename=FTR2QG41JSIM

29.07.2018 16:39

#8

dogubaklaci Kodlarla Anlatma Sanatı Kullanıcı

Üyelik 21.07.2018
Yaş/Cinsiyet 26 / E
Meslek Student
Konum İstanbul Anadolu

Ad Soyad D** B**
Mesajlar 725
Beğeniler 250 / 240
Ticaret 3, (%67)

arasındaki kodları css dosyanızın içine atınız veya direk style kodları dahil sitenizin arasına atınız arasındaki de sağ ekrandaki görüntüyü sağlayan html kodları onları istediğiniz yere istediğiniz kadar koyup düzenleyebilirsiniz.
https://jsfiddle.net/dogubaklaci/q508jz1u/12 Şöyle bir şey yaptım buna da göz atabilirsiniz

1 kişi bu mesajı beğendi.

29.07.2018 16:42

#9

kdrucr WM Aracı Kullanıcı

Üyelik 14.01.2014
Yaş/Cinsiyet 46 / E
Meslek Öğretmen
Konum Ankara

Ad Soyad K** U**
Mesajlar 526
Beğeniler 231 / 69
Ticaret 1, (%100)

dogubaklaci teşekkürler. yapmaya çalışacağım...

Div kullanımını bilenler için basit, benim için zor! yardım lütfen

Üye Girişi Yap