Div içinde ki resim otomatik boyutlandırma

0

merhaba arkadaşlar,

ben html css ve dreamweaver'a yeni başladım can sıkıntısından site yapıyorum aklıma takılan başlıkta ki gibi

sitemin belirli bir sayfasına her hafta bir resim ekleyeceğim ve o resim div boyutuna göre kendini biçimlendirecek bunu yapabilir miyim ?

div boyutu şu şekil

h:281

w:312

azra azra (1)
5 yıl önce sordu

Toplam 1 Cevap


0

Div içinde ki resim otomatik boyutlandırma için background-size özelliğini kullanarak yapabilirsiniz.

.DivAdiniz {
    height:281px;
    width:312px;
    background:url('resim.jpg') no-repeat;
    -moz-background-size: 100% 100%;      /* Firefox 3.6 */
    -webkit-background-size: 100% 100%;  /* Safari 3.0, Chrome */
    background-size: 100% 100%;      /* w3c, Firefox 4.0, ie9  */
    -o-background-size: 100% 100%;   /* Opera 9.5 */
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resim.jpg',sizingMethod='scale'); /* ie8  */
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='resim.jpg', sizingMethod='scale')"; 
}

Kod bloğu ile tüm tarayıcılarla uyumludur. Resmin boyutu div'inizin boyutların olucaktır. background-size özelliği  ile ilgili detaylı bilgiyi aşağıdaki linkten ulaşabilirsiniz.

CSS3 background-size özelliği ile resim boyutlandırma nasıl yapılır?
 

ergin ergin (2515)
5 yıl önce cevaplandı

  • çok teekkür ederim ergin bey cevap geleceğini hiç sanmıyordum açıkçası =)) azra 5 yıl önce
  • Rica ederim. Umarim cevap sorununuzu çözmenizde faydası olmuştur. ergin 5 yıl önce

üyelik gerektirir

Cevap yazabilmek için üye girişi yapmalısınız.

Eğer uzmanim.net üyesiyseniz giriş yapabilirsiniz: üye girişi yap
uzmanim.net'e üye olmak çok kolaydır: hemen kayıt ol