• 08-08-2014, 14:19:00
    #1
    Merhaba,

    .resim{
         width: %100;
    }
    <div class="resim"><img src="images/slider.png"/></div>
    bu kod ile istediğimi alabiliyorum ama ben resimi src olarak değil de css background olarak vermek istiyorum.

    yani akrana sığması gerekiyor genişliği.

    nasıl yapabilirim?

    yada http://enfusionthemes.com/demo/sanax-html/ bu şekilde slider değil, menüyü background da dahil ederek nasıl bir stil uygulamalıyım?
  • 08-08-2014, 14:43:01
    #2
    json adlı üyeden alıntı: mesajı görüntüle
    Merhaba,

    .resim{
         width: %100;
    }
    <div class="resim"><img src="images/slider.png"/></div>
    bu kod ile istediğimi alabiliyorum ama ben resimi src olarak değil de css background olarak vermek istiyorum.

    yani akrana sığması gerekiyor genişliği.

    nasıl yapabilirim?

    yada http://enfusionthemes.com/demo/sanax-html/ bu şekilde slider değil, menüyü background da dahil ederek nasıl bir stil uygulamalıyım?
    Çözümüz "position:relative;" kodunu incelemekten geçiyor. Menünüzü sliderın üstüne gelecek şekilde konumlandırabilirsiniz.
  • 08-08-2014, 14:47:10
    #3
    nilbek adlı üyeden alıntı: mesajı görüntüle
    Çözümüz "position:relative;" kodunu incelemekten geçiyor. Menünüzü sliderın üstüne gelecek şekilde konumlandırabilirsiniz.
    onda sıkıntı yok ki, sıkıntı css de background u full width verememem
  • 08-08-2014, 14:52:26
    #4
    Üyeliği durduruldu
    width: 100%; yaptığınızda olmuyorsa; üstteki seçicinin genişliği belirlenmemiştir, ya da üstteki seçicinin genişliği küçük geliyordur.
    Eğer resim seçicisinin bağlı olduğu seçicinin genişliğini belirttiyseniz, width komutu da işe yaramıyorsa, max-width: 100% komutunu deneyiniz.
  • 08-08-2014, 14:54:27
    #5
    Xhenahobia adlı üyeden alıntı: mesajı görüntüle
    width: 100%; yaptığınızda olmuyorsa; üstteki seçicinin genişliği belirlenmemiştir, ya da üstteki seçicinin genişliği küçük geliyordur.
    Eğer resim seçicisinin bağlı olduğu seçicinin genişliğini belirttiyseniz, width komutu da işe yaramıyorsa, max-width: 100% komutunu deneyiniz.
    örnek verebilirmisiniz acaba, tam anlayamadım
  • 08-08-2014, 14:54:47
    #6
    json adlı üyeden alıntı: mesajı görüntüle
    onda sıkıntı yok ki, sıkıntı css de background u full width verememem
    Eğer arka plan olmasını istiyorsanız zaten direk body'nin background'ını değiştirmeniz gerekli.
  • 08-08-2014, 15:04:55
    #7
    Üyeliği durduruldu
    <div class="content">
    <div class="slider">
    <div class="resim">
    diyelim mesela, content'e width: 768px verirseniz; slider'da ya da resim'e width: 100%; verirseniz 768px olarak alınır. sanırım yeterince açıklayıcı oldu.
  • 08-08-2014, 15:08:09
    #8
    #Header{
    background: url("../images/slider.png") no-repeat; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 648px;
    position: relative;
    }
    diyerek çözdüm arkadaşlar, sağ olun..