Div içindeki resimleri otomatik boyutlandırma (image auto resize)

 CSS       

Normalde fikir olarak PHP içinde preg_match ile yapmayı düşünmüştüm mesaj içindeki resimlerin boyutlandırmasını fakat arayış içerisindeken (google da ara ara bişey çıkmıyor), css stili ile yapılabileceğini buldum ki çok mantıklı yapılabiliyor (bu özelliği biliyorum ama o an insanın aklına gelmiyorki yok preg_match yok php vs vs...)

Neyse öncelikle varsayım olarak bir div tagimiz var diyelim adı da "mesajici" olsun:

HTML:
  1. #mesajici img {max-width:450px; max-height:460px; }
  2. </style>
  3. <div id="mesajici">
  4. <img src="resim/resim1.jpg">
  5. <img src="resim/resim2.jpg">
  6. <img src="resim/resim3.jpg">
  7. </div>

Buradaki style bölümünde css kodlarımızı yazıyoruz ve max-width: maximum genişlik; max-height: maximum yükseklik anlamındadır.

Tekrar söylüyorum ben div id olarak mesajici verdim sizin scriptlerinizde sitelerinizde ne olur bilemem ona göre düzenleyebilirsiniz.

Kolay gelsin.

CSS deki nesneler ve tüm özellikleri

 CSS       

CSS uzun uzun uzayıp gidiyor sürekli gelişiyor sürekli kullanılıyor.

Herkese referans olabilecek geniş bir kaynak her nesne tek tek açıklanmış.

Html Dog'da bulunan CSS Properties bölümünden ulaşabilirsiniz.

Aklınıza takılan bir bölüm olursa iletirsiniz, yardımcı olmaya çalışırım.

Sayfa 1 - 11
Get Adobe Flash playerPlugin by wpburn.com wordpress themes
CrossBlock designed by DeltaManual.Com  |  In conjunction with Web Hosting   |   Web Hosting   |   Reverse phone