folder Tahribat.com Forumları
linefolder Html - CSS - XML - JavaScript - Ajax
linefolder Css İle Farklı Ölçülerdeki Divleri Yan Yana Sıralamak



Css İle Farklı Ölçülerdeki Divleri Yan Yana Sıralamak

  1. KısayolKısayol reportŞikayet pmÖzel Mesaj
    yawuz
    yawuz's avatar
    Kayıt Tarihi: 17/Temmuz/2005
    Erkek

    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.


    tahribat.com a can feda
  2. KısayolKısayol reportŞikayet pmÖzel Mesaj
    Espo
    Espo's avatar
    Kayıt Tarihi: 17/Eylül/2010
    Erkek

    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; }


    Yeni bir iş, yeni bir aş, yeni bir hayat. Sil baştan başlamak gerek bazen modunda. Artık buralarda yokum :) Hepinizi seviyorum, muck.
  3. KısayolKısayol reportŞikayet pmÖzel Mesaj
    yawuz
    yawuz's avatar
    Kayıt Tarihi: 17/Temmuz/2005
    Erkek

    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.


    tahribat.com a can feda
  4. KısayolKısayol reportŞikayet pmÖzel Mesaj
    Espo
    Espo's avatar
    Kayıt Tarihi: 17/Eylül/2010
    Erkek

    uzun iş bu :) tr td ile yapabilirsen o şekilde yap. 


    Yeni bir iş, yeni bir aş, yeni bir hayat. Sil baştan başlamak gerek bazen modunda. Artık buralarda yokum :) Hepinizi seviyorum, muck.
  5. KısayolKısayol reportŞikayet pmÖzel Mesaj
    Ayro
    Ayro's avatar
    Kayıt Tarihi: 08/Ağustos/2005
    Erkek

    ü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.

  6. KısayolKısayol reportŞikayet pmÖzel Mesaj
    yawuz
    yawuz's avatar
    Kayıt Tarihi: 17/Temmuz/2005
    Erkek

    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


    tahribat.com a can feda
  7. KısayolKısayol reportŞikayet pmÖzel Mesaj
    sezeruludag
    sezeruludag's avatar
    Kayıt Tarihi: 22/Ağustos/2011
    Erkek

    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


    Hatasız Kod Olmaz... :)
  8. KısayolKısayol reportŞikayet pmÖzel Mesaj
    Ayro
    Ayro's avatar
    Kayıt Tarihi: 08/Ağustos/2005
    Erkek

    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.

    kod : http://paste.org/pastebin/view/40029

  9. KısayolKısayol reportŞikayet pmÖzel Mesaj
    Brown
    Brown's avatar
    Kayıt Tarihi: 20/Temmuz/2011
    Erkek

    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 

  10. KısayolKısayol reportŞikayet pmÖzel Mesaj
    yawuz
    yawuz's avatar
    Kayıt Tarihi: 17/Temmuz/2005
    Erkek

    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.  


    tahribat.com a can feda
  11. KısayolKısayol reportŞikayet pmÖzel Mesaj
    yawuz
    yawuz's avatar
    Kayıt Tarihi: 17/Temmuz/2005
    Erkek

    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.


    tahribat.com a can feda
Toplam Hit: 2838 Toplam Mesaj: 17