Merhaba arkadaşlar,
Localde bir site yapıyorum. Bootstrap konusunda pek iyi değil daha çok hazır kopyala yapıştır yapıyorum. Anasayfada ürünlerin listelemesi var. Ancak her ürünün resim boyutları aynı değil. Ben bu resimlerin yükseklikleri aynı olmasını istiyorum nasıl yapabilirim?
Sorunun görüntüsü: http://prntscr.com/joqq39
Yapmak istediğim: http://prntscr.com/joqrkl
Resimlerin yüksekliğini nasıl eşit yapabilirim? |
7 Mesajlar | 568 Okunma | ||
- Üyelik 13.12.2012
- Yaş/Cinsiyet 36 / E
- Meslek Öğrenci / Programcı
- Konum Kocaeli
- Ad Soyad İ** K**
- Mesajlar 695
- Beğeniler 92 / 79
- Ticaret 25, (%96)
- Üyelik 29.10.2016
- Yaş/Cinsiyet 32 / E
- Meslek Öğretmen
- Konum Konya
- Ad Soyad O** K**
- Mesajlar 1116
- Beğeniler 499 / 498
- Ticaret 16, (%100)
img etiketine sabit degerler verebilirsin. Ancak bu resimlerin kalitesini bozar. photosop ya da harici bir programla gorselleri ayni boyutta hazirlamaniz daha sağlıklı olur.
- Üyelik 13.12.2012
- Yaş/Cinsiyet 36 / E
- Meslek Öğrenci / Programcı
- Konum Kocaeli
- Ad Soyad İ** K**
- Mesajlar 695
- Beğeniler 92 / 79
- Ticaret 25, (%96)
img etiketine sabit degerler verebilirsin. Ancak bu resimlerin kalitesini bozar. photosop ya da harici bir programla gorselleri ayni boyutta hazirlamaniz daha sağlıklı olur.
Her ürün için tek tek uğraşmak zor olur. Bunun bir yolu vardır diye düşünüyorum.
- Üyelik 08.05.2015
- Yaş/Cinsiyet 28 / E
- Meslek Developer
- Konum Samsun
- Ad Soyad İ** Ş**
- Mesajlar 1019
- Beğeniler 321 / 320
- Ticaret 19, (%100)
https://jsfiddle.net/b2aczmmd/ Umarım işini görür :)
- Üyelik 13.12.2012
- Yaş/Cinsiyet 36 / E
- Meslek Öğrenci / Programcı
- Konum Kocaeli
- Ad Soyad İ** K**
- Mesajlar 695
- Beğeniler 92 / 79
- Ticaret 25, (%96)
https://jsfiddle.net/b2aczmmd/ Umarım işini görür :)
Bootstrap kullanıyorum bu css kodları Bootstrap kodlarını bozmaz mı?
- Üyelik 08.05.2015
- Yaş/Cinsiyet 28 / E
- Meslek Developer
- Konum Samsun
- Ad Soyad İ** Ş**
- Mesajlar 1019
- Beğeniler 321 / 320
- Ticaret 19, (%100)
Doğru kullanımda tabikide hayır :)
Örnek ;
col-md-3..4..5 vb kullanımında manuel olarak width-height vermenize gerek yok, css de dikkat edeceğiniz bölüm ".urun img" diye belirttiğimiz kısım deneyerek farkı anlarsınız zaten :)
Burdada bir farklı yol örneği ; https://www.bootply.com/q11Y8M2A0c
Örnek ;
col-md-3..4..5 vb kullanımında manuel olarak width-height vermenize gerek yok, css de dikkat edeceğiniz bölüm ".urun img" diye belirttiğimiz kısım deneyerek farkı anlarsınız zaten :)
Burdada bir farklı yol örneği ; https://www.bootply.com/q11Y8M2A0c
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)