Div İçine Resim Koyma

26-05-2020, 15:20:03

Kimlik doğrulama veya yönetimden onay bekliyor.

Merhaba arkadaşlar,

İlan sitesi için istiyorum bu kodlamayı div oluşturup yüklenen resimler dik veya yatay boyutu ne olursa olsun görüntü değişmeden o divin içine yerleşmesini istiyorum. Nasıl bir kodlama kullanabilirim Örnek div boyutu: 823x511

26-05-2020, 15:25:42

#2

blackmamba24

JeanPardaiilan adlı üyeden alıntı: mesajı görüntüle

Merhaba arkadaşlar,

İlan sitesi için istiyorum bu kodlamayı div oluşturup yüklenen resimler dik veya yatay boyutu ne olursa olsun görüntü değişmeden o divin içine yerleşmesini istiyorum. Nasıl bir kodlama kullanabilirim Örnek div boyutu: 823x511

Dive sabit bir genişlik ve yükseklik verin içindeki resminde genişlik ve yüksekliğini %100 yapın ek olarak img e background-size:cover de ekleyin sorununuz çözülecektir.

26-05-2020, 15:25:48

#3

LANCE

item isimli divin içine bir backgroud resim ekleyebilirsin sonra css le boyutlandırısın

<div class="item" style="background-image: url(https://picsum.photos/700/400);">
</div>

.item{
height: 823px;
width:511px;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}

26-05-2020, 16:06:41

#4

JeanPardaiilan

Hocam dediğinizi yaptığımda boyutlar istediğim gibi oluyor ama resim o boyutların içine oturmuyor : https://prnt.sc/so38y4

26-05-2020, 18:14:06

#5

~~ocman~~

Aynı sorunu bende yaşıyorum yardımcı olursanız sevinirim. Eklediğim resimler boyutları birbirinden farklı olmaktadır. div class eklememe rağmen taşmalar yaşıyorum.

26-05-2020, 18:19:54

#6

rws

html

<div class="box">
  <img src="image.jpg" alt="">
</div>

css

.box{width: 823px; height: 511px;}
 .box img{width: 100%; height: 100%; object-fit: cover;}

06-03-2023, 00:26:46

#7

ayhan65

rws adlı üyeden alıntı: mesajı görüntüle

html

<div class="box">
  <img src="image.jpg" alt="">
</div>

css

.box{width: 823px; height: 511px;}
 .box img{width: 100%; height: 100%; object-fit: cover;}

rws Çok teşekür ederim sen bir meleksin