Büyük resimleri otomatik boyutlandırma? |
3 Mesajlar | 2.395 Okunma | ||
- Ü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.
- Ü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.
- Ü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)
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.
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)