lostyazilim

Resimlerin yüksekliğini nasıl eşit yapabilirim?

7 Mesajlar 735 Okunma
lstbozum
wmaraci reklam

OiS OiS WM Aracı Kullanıcı
  • Üyelik 13.12.2012
  • Yaş/Cinsiyet 37 / E
  • Meslek Öğrenci / Programcı
  • Konum Kocaeli
  • Ad Soyad İ** K**
  • Mesajlar 695
  • Beğeniler 92 / 79
  • Ticaret 25, (%96)
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
 

 

wmaraci
reklam

carasar carasar All ızz well... Kullanıcı
  • Ü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.
 

 

OiS OiS WM Aracı Kullanıcı
  • Üyelik 13.12.2012
  • Yaş/Cinsiyet 37 / E
  • Meslek Öğrenci / Programcı
  • Konum Kocaeli
  • Ad Soyad İ** K**
  • Mesajlar 695
  • Beğeniler 92 / 79
  • Ticaret 25, (%96)

carasar adlı üyeden alıntı

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.
 

 

ikodev ikodev Developer Kullanıcı
  • Üyelik 08.05.2015
  • Yaş/Cinsiyet 28 / E
  • Meslek Developer
  • Konum Samsun
  • Ad Soyad İ** Ş**
  • Mesajlar 1020
  • Beğeniler 321 / 320
  • Ticaret 19, (%100)
https://jsfiddle.net/b2aczmmd/ Umarım işini görür :)
 

 

wmaraci
wmaraci

OiS OiS WM Aracı Kullanıcı
  • Üyelik 13.12.2012
  • Yaş/Cinsiyet 37 / E
  • Meslek Öğrenci / Programcı
  • Konum Kocaeli
  • Ad Soyad İ** K**
  • Mesajlar 695
  • Beğeniler 92 / 79
  • Ticaret 25, (%96)


Bootstrap kullanıyorum bu css kodları Bootstrap kodlarını bozmaz mı?
 

 

ikodev ikodev Developer Kullanıcı
  • Üyelik 08.05.2015
  • Yaş/Cinsiyet 28 / E
  • Meslek Developer
  • Konum Samsun
  • Ad Soyad İ** Ş**
  • Mesajlar 1020
  • 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
 

 

s60v3 s60v3 Informatiker Kullanıcı
  • Üyelik 22.07.2014
  • Yaş/Cinsiyet 34 / E
  • Meslek Flutter Developer
  • Konum Mersin
  • Ad Soyad M** A**
  • Mesajlar 247
  • Beğeniler 23 / 77
  • Ticaret 0, (%0)
resim kalitesini bozmaması için,object-fit:cover kullanabilirsiniz
 

 

Codeigniter&PHP | Vue.js | Dart&Flutter
wmaraci
Konuyu toplam 2 kişi okuyor. (0 kullanıcı ve 2 misafir)
Site Ayarları
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al