yani icerik css oluşturdum boyut otomatik olucak içeriğe göre ve boyutları aynı oldugu zaman yan yana diziliyolar güzel bi şekilde fakat boyut biraz artınca bu şekil boşluk oluşuyo.
css yardım |
11 Mesajlar | 1.915 Okunma | ||
Toplam 11 mesaj ve 1.915 görüntüleme
- Üyelik 03.10.2015
- Yaş/Cinsiyet 30 / E
- Meslek Yazılım ve Tasarım
- Konum Bursa
- Ad Soyad E** Ç**
- Mesajlar 228
- Beğeniler 43 / 61
- Ticaret 11, (%91)
arkadaşlar resimdeki belirtilen alanı nasıl kapatırım.
yani icerik css oluşturdum boyut otomatik olucak içeriğe göre ve boyutları aynı oldugu zaman yan yana diziliyolar güzel bi şekilde fakat boyut biraz artınca bu şekil boşluk oluşuyo.
yani icerik css oluşturdum boyut otomatik olucak içeriğe göre ve boyutları aynı oldugu zaman yan yana diziliyolar güzel bi şekilde fakat boyut biraz artınca bu şekil boşluk oluşuyo.
- Üyelik 11.10.2014
- Yaş/Cinsiyet 34 / E
- Meslek cs
- Konum Diğer
- Ad Soyad A** M**
- Mesajlar 136
- Beğeniler 6 / 18
- Ticaret 0, (%0)
Hocam margin değerleri verdiniz mi? Margin-top,bottom gibi.
- Üyelik 03.10.2015
- Yaş/Cinsiyet 30 / E
- Meslek Yazılım ve Tasarım
- Konum Bursa
- Ad Soyad E** Ç**
- Mesajlar 228
- Beğeniler 43 / 61
- Ticaret 11, (%91)
evet verdim usta
- Üyelik 11.10.2014
- Yaş/Cinsiyet 34 / E
- Meslek cs
- Konum Diğer
- Ad Soyad A** M**
- Mesajlar 136
- Beğeniler 6 / 18
- Ticaret 0, (%0)
Hocam kodları görmeden bir şey demek pek mümkün değil en azından benim için.
- Üyelik 25.05.2015
- Yaş/Cinsiyet 33 / E
- Meslek Web Yazılım Uzmanı
- Konum İstanbul Anadolu
- Ad Soyad F** K**
- Mesajlar 833
- Beğeniler 0 / 287
- Ticaret 13, (%100)
Lojik olarak anlatayım size.
Div'lere ya sabit yükselik verip overflow:hidden ile sınırlamanız lazım ki hepsi aynı ölçüde olsun. (overflow vermezsek yazılar aşağı doğru taşar)
Daha sonra isterseniz tümünü gör butonu mu eklersiniz 3 nokta mı koyarsınız size kalmış.
Başka bir yöntemde jQ Masonry kullanarakta biraz görselliği değiştirebilirsiniz o zaman height sabitlemek zorunda kalmazsınız ama böyle hizalıda durmaz.
Div'lere ya sabit yükselik verip overflow:hidden ile sınırlamanız lazım ki hepsi aynı ölçüde olsun. (overflow vermezsek yazılar aşağı doğru taşar)
Daha sonra isterseniz tümünü gör butonu mu eklersiniz 3 nokta mı koyarsınız size kalmış.
Başka bir yöntemde jQ Masonry kullanarakta biraz görselliği değiştirebilirsiniz o zaman height sabitlemek zorunda kalmazsınız ama böyle hizalıda durmaz.
- Üyelik 12.06.2012
- Yaş/Cinsiyet 39 / E
- Meslek Öğretmen
- Konum Samsun
- Ad Soyad O** Y**
- Mesajlar 1722
- Beğeniler 398 / 400
- Ticaret 20, (%100)
display:table-cell;
bunu div lere ekleyip dener misin?
bunu div lere ekleyip dener misin?
.
- Üyelik 21.08.2015
- Yaş/Cinsiyet 33 / E
- Meslek web master
- Konum İstanbul Anadolu
- Ad Soyad Y** E**
- Mesajlar 13
- Beğeniler 6 / 1
- Ticaret 0, (%0)
http://www.farketing.com/ gibi olmasını istiyorsun soruyu anladım ama bende yapamadım bunu, css ile çözümü var mı bilmiyorum, js ile de çözebilirler
- Üyelik 03.10.2015
- Yaş/Cinsiyet 30 / E
- Meslek Yazılım ve Tasarım
- Konum Bursa
- Ad Soyad E** Ç**
- Mesajlar 228
- Beğeniler 43 / 61
- Ticaret 11, (%91)
http://www.farketing.com/ gibi olmasını istiyorsun soruyu anladım ama bende yapamadım bunu, css ile çözümü var mı bilmiyorum, js ile de çözebilirler
aynen usta bunu gibi olmasını istiyorum
Ek Olarak:
usta değişen bişey yok malesef
- Üyelik 03.10.2013
- Yaş/Cinsiyet 45 / E
- Meslek Yazılım Uzmanı, Matematikçi
- Konum Ankara
- Ad Soyad S** T**
- Mesajlar 1118
- Beğeniler 325 / 324
- Ticaret 2, (%100)
Sola yaslı nesnelerin sorunu
Her 3 öğeden sonra clear:both yapman gerekecek
Yada
şeklinde CSS ile de halledebilirsin.
JavaScript ile yapmak için Masonry eklentisini inceleyebilirsiniz.
Her 3 öğeden sonra clear:both yapman gerekecek
Yada
ul li:nth-child(3n+3){clear:both;}
şeklinde CSS ile de halledebilirsin.
JavaScript ile yapmak için Masonry eklentisini inceleyebilirsiniz.
www.ontedi.com
www.cizgi.site
www.cizgi.site
- Üyelik 18.07.2012
- Yaş/Cinsiyet 38 / E
- Meslek Front End Developer
- Konum İstanbul Avrupa
- Ad Soyad S** A**
- Mesajlar 219
- Beğeniler 28 / 66
- Ticaret 0, (%0)
Hocam bunu yapmak için arkadaşların dediği gibi jquery eklentisi var onu kullanabilirsiniz.Yada CSS'in column özelliğini kullanabilirsiniz.Sadece CSS column özelliği ile Pinterest tarzı yerleşim oluşturmayı web sitem de daha önce gösterdim.Kodlara buradan bakabilirsiniz.
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)