lostyazilim
tr.link

css yardım

11 Mesajlar 1.269 Okunma
lstbozum
tr.link

ClkOfis ClkOfis http://www.clkofis.com Kullanıcı
  • Üyelik 03.10.2015
  • Yaş/Cinsiyet 29 / 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.

 

 

wmaraci
reklam

Balrog Balrog Computer Science Telefon Onaysız
  • Ü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.
 

 

ClkOfis ClkOfis http://www.clkofis.com Kullanıcı
  • Üyelik 03.10.2015
  • Yaş/Cinsiyet 29 / 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
 

 

Balrog Balrog Computer Science Telefon Onaysız
  • Ü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.
 

 

wmaraci
wmaraci

FurkanKandemir FurkanKandemir WM Aracı Kullanıcı
  • Üyelik 25.05.2015
  • Yaş/Cinsiyet 32 / 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.
 

 

soulmy 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)
display:table-cell;

bunu div lere ekleyip dener misin?
 

 

.

hayaller hayaller elbuz.org Kullanıcı
  • Üyelik 21.08.2015
  • Yaş/Cinsiyet 32 / 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
 

 

ClkOfis ClkOfis http://www.clkofis.com Kullanıcı
  • Üyelik 03.10.2015
  • Yaş/Cinsiyet 29 / E
  • Meslek Yazılım ve Tasarım
  • Konum Bursa
  • Ad Soyad E** Ç**
  • Mesajlar 228
  • Beğeniler 43 / 61
  • Ticaret 11, (%91)

hayaller adlı üyeden alıntı

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:

soulmy adlı üyeden alıntı

display:table-cell;

bunu div lere ekleyip dener misin?


usta değişen bişey yok malesef
 

 

ontedi ontedi www.ontedi.com Kullanıcı
  • Üyelik 03.10.2013
  • Yaş/Cinsiyet 44 / 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

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

sosyalmedya sosyalmedya Sms Onayı Gerekli Banlı Kullanıcı
  • Üyelik 18.07.2012
  • Yaş/Cinsiyet 37 / 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.
 

 

Site Ayarları
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al