Въпрос с repeat

[Johny_Rocker]

Значи имам footer. Ценриран е и от двете страни е фона на сайта искам да ми кажете кода за да може да направя да кажем картинка черна с широчина 1 px и да се repeat-x по целия екран до край.

 

[Fakeheal]

#footer {
width: 800px; /* primerno ili ako stava duma za celiq ekran  na potrebitelq sloji 100% */
background-image: url('kartinkatati.jpg');
background-repeat: repeat-x;
}

 

[Johny_Rocker]

Нищо не се получи.

 

[dELux_nike]

дай кода на футера ти.

 

[Fakeheal]

Нищо не се получи.

Ето ти кода, който аз пробвам:

<html>
<head>
<title> test </title>

<style>#footer { 
width: 800px; /* primerno ili ako stava duma za celiq ekran  na potrebitelq sloji 100% */ 
height:10px;
background-image: url('kvadratche.png'); 
background-repeat: repeat; 
}	
</style>

</head>

<body>

<div id="footer"> asd </a>
</body>
</html>

с тази картинка :

Така ще повтаря картинката до 800 пиксела широчина и 10 пиксела височина.

 

[Johny_Rocker]

http://prikachi.com/images/304/2712304a.png

Виж ! Искам на всеки, които посети сайта да му е на цялата широчина.

 

[Fakeheal]

Задай размерите на фуутъра width да са 100%, ако са сложени в някакъв контейнер или задай толкова пиксела, колкото ти е и горния елемент.

П.С. Може да дадеш и код

 

[dELux_nike]

за да се вижда добре под резолюциите му задай 1000px

//както казах горе по-добре дай код-а

 

[SuCcEsS]

<html>
<head>
<title> test </title>

<style type="text/css">
#footer {
width: 100%; 
height:22px;
background-image: url('kvadratche.png');
color: #FFF;
font-family: Tahoma, Arial, Verdana;
padding-top: 1px;
font-weight: bold;
text-indent: 10px;
}   
</style>

</head>

<body>

<div id="footer"> asd </a>
</body>
</html>

 

[shterev]

Защо не си направиш един див, кото да е родител на футъра и на негода сложиш картинката:

<div id="out_footer">
     <div id="footer"></div>
</div>


#out_footer{
 height:100px;  - колкото ти е височината на картинката
 background: url( image.jpg) repeat-x ;
}

Това е!

 

[headsho7]

пробвай така

{
background-image:url(neshto.jpg);
background-repeat: repeat-x;
}