Alt alta sıralama sorunu

12.09.2013 03:22

KeremEr keremer.com.tr E-Mail Onaysız

Üyelik 08.06.2013
Yaş/Cinsiyet 28 / E
Meslek Yazılım
Konum İzmir

Ad Soyad K** E**
Mesajlar 331
Beğeniler 24 / 61
Ticaret 2, (%100)

Konu gövdeleri sadece margin-bottom:10px; ile durmasını istiyorum fakat gövde içerisine yazı eklediğimde hiza bozulduğu için arada dev boşluklar oluşturuyor. Aşağıdaki gibi yapmak istiyorum fakat olmuyor nedeni ne olabilir?

DEMO http://keremer.com.tr/proje/

HTML
1a3das asd
CSS
#yeni-alan li { width:220px; height:auto !important; border:1px solid #e7e7e7; padding:3px; background-color:#FFF; float:left; margin-left:9.7px; margin-right:9.7px; margin-bottom:15px; } .yazi-resim { width:100%; }

12.09.2013 22:06

#2

fatihuzuner WM Aracı Kullanıcı

Üyelik 19.03.2013
Yaş/Cinsiyet 34 / E
Meslek bilgisayar mühendisi
Konum İstanbul Anadolu

Ad Soyad ** **
Mesajlar 86
Beğeniler 2 / 13
Ticaret 0, (%0)

#yenialan li de height:auto yerine height:285px gibi sabit bir sayı değeri ver, düzelir.

13.09.2013 15:39

#3

KeremEr keremer.com.tr E-Mail Onaysız

Üyelik 08.06.2013
Yaş/Cinsiyet 28 / E
Meslek Yazılım
Konum İzmir

Ad Soyad K** E**
Mesajlar 331
Beğeniler 24 / 61
Ticaret 2, (%100)

fatihuzuner adlı üyeden alıntı

#yenialan li de height:auto yerine height:285px gibi sabit bir sayı değeri ver, düzelir.

belirli bi hiza istemiyorum www.anti-pop.com 'daki gibi birbirine karışmasını istiyorum

13.09.2013 16:01

#4

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

Üyelik 04.12.2011
Yaş/Cinsiyet 35 / E
Meslek .
Konum İzmir

Ad Soyad ** **
Mesajlar 2376
Beğeniler 704 / 791
Ticaret 1, (%100)

Takip ediyorum konuyu. Benim de öğrenmek istediğim bir konu bu. Fakat bu forumda bunu bilen, bilse de açıklayacak biri yok gibi görünüyor. Yoksa yanılıyor muyum? :o

13.09.2013 16:03

#5

kelebek WM Aracı Kullanıcı

Üyelik 11.05.2013
Yaş/Cinsiyet 32 / E
Meslek Geliştirici
Konum Malatya

Ad Soyad E** K**
Mesajlar 3142
Beğeniler 60 / 764
Ticaret 5, (%100)

http://www.youtube.com/watch?v=JcqUTeQiPH4 bu video yardımcı olacaktır

http://masonry.desandro.com/ eklentinin sitesi

1 kişi bu mesajı beğendi.

13.09.2013 16:04

#6

soulmy WM Aracı Kullanıcı

Üyelik 12.06.2012
Yaş/Cinsiyet 38 / E
Meslek Öğretmen
Konum Samsun

Ad Soyad O** Y**
Mesajlar 1722
Beğeniler 398 / 400
Ticaret 20, (%100)

http://www.***.net/html-css-xml/1101652-css-farki-yukseklikteki-div-leri-siralama.html

1 kişi bu mesajı beğendi.

.

13.09.2013 16:09

#7

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

Üyelik 04.12.2011
Yaş/Cinsiyet 35 / E
Meslek .
Konum İzmir

Ad Soyad ** **
Mesajlar 2376
Beğeniler 704 / 791
Ticaret 1, (%100)

kelebek adlı üyeden alıntı

http://www.youtube.com/watch?v=JcqUTeQiPH4 bu video yardımcı olacaktır

http://masonry.desandro.com/ eklentinin sitesi

Forumdaki üyelere (bana dahil) ve yöneticilere olan tavrı nedeniyle bu arkadaşa (T.E.) hiç ısınamadım. Forumdan da süresiz banlı. Fakat adam her konuda bir şeyler paylaşmış. Takdir etmek lazım. Size de link için teşekkürler.

13.09.2013 16:12

#8

kelebek WM Aracı Kullanıcı

Üyelik 11.05.2013
Yaş/Cinsiyet 32 / E
Meslek Geliştirici
Konum Malatya

Ad Soyad E** K**
Mesajlar 3142
Beğeniler 60 / 764
Ticaret 5, (%100)

Onur89TR adlı üyeden alıntı

Forumdaki üyelere (bana dahil) ve yöneticilere olan tavrı nedeniyle bu arkadaşa (T.E.) hiç ısınamadım. Forumdan da süresiz banlı. Fakat adam her konuda bir şeyler paylaşmış. Takdir etmek lazım. Size de link için teşekkürler.

Kendisi hem anlatım açısında çok güzel anlatıyor hemde bilgi açısında çok bilgili bir insan bir çok şeyi onun sayesinde öğrendim

13.09.2013 16:37

#9

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

Üyelik 04.12.2011
Yaş/Cinsiyet 35 / E
Meslek .
Konum İzmir

Ad Soyad ** **
Mesajlar 2376
Beğeniler 704 / 791
Ticaret 1, (%100)

kelebek adlı üyeden alıntı

Kendisi hem anlatım açısında çok güzel anlatıyor hemde bilgi açısında çok bilgili bir insan bir çok şeyi onun sayesinde öğrendim

Peki sana şöyle bir şey sorayım. Aynı satırda yan yana bulunan div'lerin yüksekliklerini satır ve sütuna göre eşitleyen bir yöntem biliyor musun? Örneğin 3 div var. 100, 200 ve 300 px yüksekliğinde. İlk satırda 300 px olarak 3 div'i eşitleyecek. Fakat 2. satıra geçildiğinde en büyük div yüksekliği 500 ise 2. satırdaki 3 div 500 px olacak. Bende kodu var fakat pek sağlıklı çalıştığını söyleyemem. Sonraki satırdaki ilk div'e, bir önceki satırdaki en yüksek div'in yüksekliğini atıyor. Yani pek iyi çalışmıyor. Değiştirebilirsen kodları vereyim.

$(document).ready(function(){  

    var kutusay = $('#AltSidebar .widget-container').length;

    var sutunsay = 4;

    var enyuksek = new Array(parseInt(kutusay/sutunsay) + 1); 

    for (var i = 0; i < enyuksek.length; i++) {enyuksek[i] =0;}    



    $('#AltSidebar .widget-container').each(function(){

       var ind = parseInt($(this).index()/sutunsay);

       if($(this).height() > enyuksek[ind]){enyuksek[ind] = $(this).height();} 

    });  



    $('#AltSidebar .widget-container').each(function(){

    var ind = parseInt($(this).index()/sutunsay);

    $(this).height(enyuksek[ind]);

    });  

});

13.09.2013 17:01

#10

kelebek WM Aracı Kullanıcı

Üyelik 11.05.2013
Yaş/Cinsiyet 32 / E
Meslek Geliştirici
Konum Malatya

Ad Soyad E** K**
Mesajlar 3142
Beğeniler 60 / 764
Ticaret 5, (%100)

Onur89TR adlı üyeden alıntı

Peki sana şöyle bir şey sorayım. Aynı satırda yan yana bulunan div'lerin yüksekliklerini satır ve sütuna göre eşitleyen bir yöntem biliyor musun? Örneğin 3 div var. 100, 200 ve 300 px yüksekliğinde. İlk satırda 300 px olarak 3 div'i eşitleyecek. Fakat 2. satıra geçildiğinde en büyük div yüksekliği 500 ise 2. satırdaki 3 div 500 px olacak. Bende kodu var fakat pek sağlıklı çalıştığını söyleyemem. Sonraki satırdaki ilk div'e, bir önceki satırdaki en yüksek div'in yüksekliğini atıyor. Yani pek iyi çalışmıyor. Değiştirebilirsen kodları vereyim.

$(document).ready(function(){  

    var kutusay = $('#AltSidebar .widget-container').length;

    var sutunsay = 4;

    var enyuksek = new Array(parseInt(kutusay/sutunsay) + 1); 

    for (var i = 0; i < enyuksek.length; i++) {enyuksek[i] =0;}    



    $('#AltSidebar .widget-container').each(function(){

       var ind = parseInt($(this).index()/sutunsay);

       if($(this).height() > enyuksek[ind]){enyuksek[ind] = $(this).height();} 

    });  



    $('#AltSidebar .widget-container').each(function(){

    var ind = parseInt($(this).index()/sutunsay);

    $(this).height(enyuksek[ind]);

    });  

});

Malesef o kadar bilgim yok hocam

Alt alta sıralama sorunu

Üye Girişi Yap