CSS İle Dikey Hızalama |
12 Mesajlar | 1.774 Okunma | ||
- Üyelik 09.08.2018
- Yaş/Cinsiyet 28 / E
- Meslek Öğrenci
- Konum Diğer
- Ad Soyad G** U**
- Mesajlar 93
- Beğeniler 5 / 40
- Ticaret 1, (%100)
Machine http://jsfiddle.net/yJbUW/272/ hocam şu linkte ben container sınıfına 500px yükseklik verdim. İçerisinde bulunan sidebar bu yüksekliğe göre 500px yüksekliğe sahip oldu. Aynı şekilde ekranı yakınlaştırırsanız yine aynı yüksekliğe sahip oluyorlar. Yani yukarıdaki istediğinize göre yapmanız gereken işlem bu kodun içerisinde zaten.
- Üyelik 18.01.2013
- Yaş/Cinsiyet 36 / E
- Meslek Frontend Developer
- Konum Samsun
- Ad Soyad O** T**
- Mesajlar 26
- Beğeniler 8 / 12
- Ticaret 23, (%100)
triposi Maalesef hocam verdiğiniz javascript kütüphanesi benim yapıya uygun değil, çalışmadı ya da çalıştıramadım.
Tekrar merhaba, verdiğim kütüphane css'e müdahale etmeden işinizi tam olarak çözebilecek bir durum, daha önce birkaç projede kullanmıştım.
Örnek: https://i.hizliresim.com/g6v4WN.png
.box-same olarak atadığım class'ı ilgili divlere eklediğim zaman, aynı class'ı eklediğim tüm divleri en yüksek olanına göre orantılıyor.
Kütüphaneyi tanımladıktan sonra .js dosyasına
$('.box-same').matchHeight();
ekledikten sonra .box-same (yada ne isim verirseniz) "dikeykutu" ve "resim-classı" yanına eklerseniz problem çözülecektir.
Konuyu toplam 5 kişi okuyor. (0 kullanıcı ve 5 misafir)