

Css İle Farklı Ölçülerdeki Divleri Yan Yana Sıralamak
-
Arkadaşlar envai çeşit listelenen divleri bir birinden 10 ar pixellik boşluklar bırakarak bitişik olarak listleemek istiyorum nasıl yapılabilir? 360 grid sistemi kullanmaya çalışıyorum ek bir bilgi olarak fikri olan var mı?
Değiştirme: 200x200 pixel div diyelim diğerleride 100x100 büyük divin yanına alt alta durmalarını istiyorum, diyelim 600 uzunluk 200 genişlik 600 ün yanında 100er pixel olacak şekilde.
-
divlerin boyutları toplamı senın anasayfanın genişliğinden fazlaysa alta kayarlar.
div { float:left; display:table; margin-right:5px; margin-left:5px; width:genislik px ; height:yukseklik px; }
-
Hocam meramımı şu "resimle "anlatayım
Düzenleme: veritabanından gelen rastgele verilerle oluşacak bu düzen bir döngünün eseri olacak yani. -
uzun iş bu :) tr td ile yapabilirsen o şekilde yap.
-
üst için 2 class var ;
ust, alt ve ana (üst ve alt dediğimiz ufaktlar)
--
alt kısım için float:left yeter.
-
zumsuk bunu yazdı:
-----------------------------
üst için 2 class var ;
ust, alt ve ana (üst ve alt dediğimiz ufaktlar)
--
alt kısım için float:left yeter.
-----------------------------hocam üsttekilerde büyük divden önceki küçük divler alt alta gelmiyor o sıkıntı. Örnek verebilir misin kısaca
-
yapılması mümkün olma ihtimali var fakat daha kolay yöntem JavaScript ile çözülebilir divlerin yanyana sıralanması Float:Left ile olabiliyor ama sadece yan yana dizer :) gösterdiğin gibi birşey bu şekilde kalıcak ve her çözünürlükte sabit kalıcaksa kolay Position değerleriyle oynayarak yapılabilir fakat çözünürlükler değiştiğinde divlerde ona göre hareket etsin diyorsan bu iş biraz zor işte :) JavaScript'li örneklere bak bulabilirsin bu şekilde bir örnek
-
div.anakutu div.ust
dediğimiz zaman (Arada nokta falna yoksa) div.anakutu içindeki div.ust'u kast ederiz.
div.anakutu img
dersek div.anakutu içindeki img taglarını vs..
Daha fazla açıklamaya gerek duymuyorum.MAntığını söyliyim, burda anakutu yaptım, kırmızı gösterdiğimiz.Onun içine üst alt attık kısacası durum bu.Border kısımlarına renk verdim hangisi ne görebil diye.
-
yawuz bunu yazdı:
-----------------------------
Hocam meramımı şu "resimle "anlatayım
Düzenleme: veritabanından gelen rastgele verilerle oluşacak bu düzen bir döngünün eseri olacak yani.
-----------------------------tr, td olarak istersen yazabilirim
-
Zumzuk hocam :D ne desem bilmemki yani böyle acayip müteşekkirim yahu sözler yetersiz pozisyonundayım :D ahaha :D mümkünse bir de css için kaynak tavsiyesinde bulunur musun bu işi kıvırmam lâzım artık.
-
Brown bunu yazdı:
-----------------------------
yawuz bunu yazdı:
-----------------------------
Hocam meramımı şu "resimle "anlatayım
Düzenleme: veritabanından gelen rastgele verilerle oluşacak bu düzen bir döngünün eseri olacak yani.
-----------------------------tr, td olarak istersen yazabilirim
-----------------------------onuda görmek isterim hocam çözdüm mevzuyu ama zahmet olmazsa yaz kalsın benden sonrakilere fayda eder.