lostyazilim
tr.link

Div elementinin yüksekliğine göre resmin değer alması

7 Mesajlar 1.116 Okunma
lstbozum
tr.link

Caylakwebmaster Caylakwebmaster WM Aracı Kullanıcı
  • Üyelik 21.09.2017
  • Yaş/Cinsiyet 23 / E
  • Meslek Öğrenci
  • Konum Manisa
  • Ad Soyad M** K**
  • Mesajlar 9
  • Beğeniler 7 / 0
  • Ticaret 0, (%0)
Merhabalar. Div elementinin genişliği %100 yaptım. Bu elemente yükseklik verip içine resmi eklediğim zaman resmin bozulmasını istemiyorum nasıl yapabilirim?










.SliderArea
{
width: 100%;
}
.SliderContainer
{
width: 100%;
}
.SliderImg
{
/* Buraya hangi değer gireceği için boş bıraktım. */
}
 

 

wmaraci
reklam

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)
.SliderImg img
{
width: 100%;
height: auto;
}
Caylakwebmaster

kişi bu mesajı beğendi.

Caylakwebmaster Caylakwebmaster WM Aracı Kullanıcı
  • Üyelik 21.09.2017
  • Yaş/Cinsiyet 23 / E
  • Meslek Öğrenci
  • Konum Manisa
  • Ad Soyad M** K**
  • Mesajlar 9
  • Beğeniler 7 / 0
  • Ticaret 0, (%0)
.SliderImg img
{
width: 100%;
height: auto;
}

Bu kodu uyguladığım zaman resmin orijinal boyutuna ulaşıyor. Bunun nedeni div elementine yükseklik verilmediğinden dolayı değil mi?
 

 

Caylakwebmaster Caylakwebmaster WM Aracı Kullanıcı
  • Üyelik 21.09.2017
  • Yaş/Cinsiyet 23 / E
  • Meslek Öğrenci
  • Konum Manisa
  • Ad Soyad M** K**
  • Mesajlar 9
  • Beğeniler 7 / 0
  • Ticaret 0, (%0)

ikodev adlı üyeden alıntı

.SliderImg img
{
width: 100%;
height: auto;
}


Bu kodu uyguladığım zaman resmin orijinal boyutuna ulaşıyor. Bunun nedeni div elementine yükseklik verilmediğinden dolayı değil mi?
 

 

wmaraci
wmaraci

AhmetKarabulut AhmetKarabulut WM Aracı Kullanıcı
  • Üyelik 11.09.2013
  • Yaş/Cinsiyet 30 / E
  • Meslek Bilgisayar Mühendisi
  • Konum İzmir
  • Ad Soyad A** K**
  • Mesajlar 1077
  • Beğeniler 361 / 361
  • Ticaret 33, (%100)
Ne sliderınızda ne de resiminizde height değeri olmadığı için hepsi genişleyebildiği kadar genişleyip, resmin yüksekliğini ona göre otomatik ayarlıyor. Div'e height verirseniz sorun çözülecek :)
Caylakwebmaster

kişi bu mesajı beğendi.

Caylakwebmaster Caylakwebmaster WM Aracı Kullanıcı
  • Üyelik 21.09.2017
  • Yaş/Cinsiyet 23 / E
  • Meslek Öğrenci
  • Konum Manisa
  • Ad Soyad M** K**
  • Mesajlar 9
  • Beğeniler 7 / 0
  • Ticaret 0, (%0)
Merhabalar div elementine yükseklik verdiğim zaman resim orijinal halindeki gibi görünmüyor bir kısmı gözükmüyor. Bunu nasıl çözebilirim. width:100% height:auto kodu yazdım. Resim içindeki div elementine yükseklik verdim görüntü bozuluyor. Resim boyutu 1100 x 1100 benim div boyutu 1349 x 500
 

 

AhmetKarabulut AhmetKarabulut WM Aracı Kullanıcı
  • Üyelik 11.09.2013
  • Yaş/Cinsiyet 30 / E
  • Meslek Bilgisayar Mühendisi
  • Konum İzmir
  • Ad Soyad A** K**
  • Mesajlar 1077
  • Beğeniler 361 / 361
  • Ticaret 33, (%100)

Çaylakwebmaster adlı üyeden alıntı

Merhabalar div elementine yükseklik verdiğim zaman resim orijinal halindeki gibi görünmüyor bir kısmı gözükmüyor. Bunu nasıl çözebilirim. width:100% height:auto kodu yazdım. Resim içindeki div elementine yükseklik verdim görüntü bozuluyor. Resim boyutu 1100 x 1100 benim div boyutu 1349 x 500


Resim objesine css'de width height vermek yerine

max-width: 100%;
max-height: 100%;

Verin :) width:100% ve height:auto kodlarını silin.
osmankoc

kişi bu mesajı beğendi.

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