küçük bir css sıkıntım var

08-08-2014, 14:19:00

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

nilbek

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

json

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

~~Xhenahobia~~

Ü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

json

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

nilbek

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

~~Xhenahobia~~

Ü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

json

#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..