lostyazilim
tr.link

Büyük resimleri otomatik boyutlandırma?

3 Mesajlar 2.399 Okunma
acebozum
tr.link

Morfran Morfran Hi again. Kullanıcı
  • Üyelik 06.03.2012
  • Yaş/Cinsiyet 29 / E
  • Meslek Tasarım, Yazılım
  • Konum İstanbul Avrupa
  • Ad Soyad V** Ç**
  • Mesajlar 763
  • Beğeniler 106 / 172
  • Ticaret 16, (%100)
Arkadaşlar bir div var 600 px ben 600pxden büyük resimler 600px olarak boyutlansın istiyorum. Ama küçükler büyümeyecek yani img'ye width= ekleyerek yapabileceğim bir şey değil. Şimdiden teşekkürler.
 

 

wmaraci
reklam

Onur89TR Onur89TR Üyeliği Durdurulmuş Banlı Kullanıcı
  • Üyelik 04.12.2011
  • Yaş/Cinsiyet 35 / E
  • Meslek .
  • Konum İzmir
  • Ad Soyad ** **
  • Mesajlar 2376
  • Beğeniler 704 / 791
  • Ticaret 1, (%100)
div img { max-width: 600px; }
İstersen yükseklik için de max-height'i yanına yazabilirsin. Yani şöyle:
div img { max-width: 600px; max-height: 600px; }
div'in bir id'si varsa:

div#Resim img { max-width: 600px; }
div'in bir class'ı varsa:

div.Resim img { max-width: 600px; }
img tagının bir id'si varsa:

div img#Resim { max-width: 600px; }
img tagının bir class'ı varsa:

div img.Resim { max-width: 600px; }
Umarım yardımcı olabilmişimdir.
Morfran

kişi bu mesajı beğendi.

Morfran Morfran Hi again. Kullanıcı
  • Üyelik 06.03.2012
  • Yaş/Cinsiyet 29 / E
  • Meslek Tasarım, Yazılım
  • Konum İstanbul Avrupa
  • Ad Soyad V** Ç**
  • Mesajlar 763
  • Beğeniler 106 / 172
  • Ticaret 16, (%100)

Onur89TR adlı üyeden alıntı

div img { max-width: 600px; }
İstersen yükseklik için de max-height'i yanına yazabilirsin. Yani şöyle:
div img { max-width: 600px; max-height: 600px; }
div'in bir id'si varsa:

div#Resim img { max-width: 600px; }
div'in bir class'ı varsa:

div.Resim img { max-width: 600px; }
img tagının bir id'si varsa:

div img#Resim { max-width: 600px; }
img tagının bir class'ı varsa:

div img.Resim { max-width: 600px; }
Umarım yardımcı olabilmişimdir.


Hocam öncelikle teşekkürler. Zaten bildiğim şeylermiş bu kadar basit olduğunu bilseydim hiç uğraştırmazdım.
 

 

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