Css Background ufak bir soru

elimde 1*70 boyutlarında bir bg varda bunu hep sağa hemde aşşağıya doru nasıl uzatırım bunun kodu nedir ? repeat özelliği sanırım ayrı ayrı snrm :s

background-repeat:none; özelliği verirseniz tüm ekranda arkaplan olarak ayarlayabilirsiniz.

Resim tekrar mı edecek yani ?

background-repeat:none; tekrar etmez !

70 px yüksekliğinde bir bg varsa bunu önce repeat-x yapacaksınzki yatay eksen yönünde tekrarlansın,

sayfanın aşağısına doğru renk tonu sorunu olmaması için 70 piksel'lik resmin en alt kısmının renk tonunu alıp background olarak eklemelisin,

bu şekilde yapabilirsin " background:url(resimyolu.jpg) #333333 repeat-x; "

Sizin verdiğiniz kodu denedim ama sağa ve aşağıya tekrarlıyor . Ben tekrarlamasın istiyorum

tekrarlamayacak.

Sağa tekrarlar aşağıya tekrarlamaz eğer böyle diyorsan başka bir bg kodu daha vardır,

Bu tür kodları bulup temizleyip tekrarlanmayacak bir bg (geniş boyutlu) hazırlayıp ekleyebilirsiniz,

background-image:url(resimyolu.jpg);
background-repeat:none;

yapınca bu jpg resmi tüm sayfada tekrar ediyor bende acaba neresi yanlış hocam yani neden tekrar etmez dediniz? beni yanlış anlamayın yanlışsa neden yanlış olduğunu öğrenmek isterim çünkü ben hep bu şekilde yapıyorumda ..

Ben Tayfaturk'un sorusunu da tam anlamadım sanırım, tüm sayfada tekrar etmesini istemiyormuş ben tüm sayfa tekrar edecek sandığım için böyle cevapladım yanlış biliyorda alabilirim tabikide.

Sanırım daha sağlıklı bi cevap verebilmemiz için taslağı görmemiz iyi olur hani sitenin ön görünümü kabaca nasıl ve resim nerede tekrar edicek

Estağfirullah İsmail bey amacımız birlikte öğrenmek

Aslında demek istediğim bahsettiğiniz komutun olmaması

backgorund-repeat : 'in karşısına gelebilecek değerler

repeat
repeat-x
repeat-y
no-repeat
inherit

yani siz background-repeat:none; bunun yerine background-repeat:neyazarsanyaz; gibi bir komutta kullansanız none diye bir komut olmadığından yapmaya çalıştığınız komut dizisini anlamaz ve yokmuş gibi görür,

Örnek bir html dosyası hazırladım kaynak koduna bakarak demek istediğimi anlayabilirsiniz

http://www.askinyilmaz.com/bg/background-none.html

repeat ile yapacaksın ama resim sanırım tek renk üzerine değil.Bunun için resmi üst orta ve alt kısım olarak üç parçaya bölmen lazım.Ve 3'e böldüğün kısımlardan orta kısım için kullanacağın resmin sadece ufak bir kısmını kesiyorsun.Ton farkı olmasın seçeceğin kısımda çünkü burası içeriğe göre uzayıp kısalacak.

css kodların örnek. kodlarda geçen fonksiyonları araştırarak öğrenebilirsin. Bunu yazma gereği hissetmiyorum.

<!-- resim adında div oluşturuyoruz ve özelliklerini belirtiyoruz --!>
#resim{
float:left; <!-- sola yasla --!>
width:170px;  <!-- 170px genişlik ver --!>
height:100%;  <!-- içeriğe göre uzamasını istiyorsak 100% yazıyoruz --!>
}
.ust{  <!-- ust adında class tanımlıyoruz --!>
float:left;
width:170px;
height:50px; <!-- 170px yükseklik ver --!>
backgraund-image:(ust.jpg);   <!-- arkaplan için resim tanımlıyoruz --!>
backgraund-repeat:none;   <!-- arkaplan resminin tekrarlamamasını istiyoruz --!>
}
.orta{   <!-- orta adında class tanımlıyoruz --!>
float:left;
width:170px;
height:100%;
backgraund-image:(orta.jpg);
backgraund-repeat:repeat-x;   <!-- arkaplan resmi aşağıya doğru uzasın --!>
}
.alt{   <!-- alt adında class tanımlıyoruz --!>
float:left;
width:170px;
height:50px;
backgraund-image:(alt.jpg);
backgraund-repeat:none;
}

kullanırkende

<div id='resim'>

 <div class='ust'></div>
 <div class='orta'> Diğer işlemlerimizi burda yapıyoruz</div>
 <div class='alt'></div>

</div>

Kısaca bu şekilde .Biraz karışık gibi görünebilir. Hatalarımda olabilir aceleyle yazdım.