Как заставить мой заголовок повторяться по всей странице моего блога на tumblr?

Хорошо, вот мой блог:

http://thestorywithnoending.tumblr.com/

как я могу заставить верхнее изображение (заголовок с головой/самолетами) повторяться снова и снова, чтобы весь верх был этим изображением... сейчас это всего лишь одно большое изображение, но как я могу настроить код так, чтобы изображение повторяется?

Пожалуйста, протестируйте код, как только вы придумаете, как его исправить,

большое спасибо! Тот, кто это выяснит, прекрасен :)


html blogs header repeat tumblr
person yummyyy    schedule 23.01.2011    source источник

Ответы (1)


arrow_upward
1
arrow_downward

используйте #header div над div #left, который вы используете сейчас.

<div id="header">
   <!-- content -->
</div>

И затем вы можете использовать CSS, подобный следующему (вам нужно будет установить соответствующую высоту:

body{
    margin:0px;
    padding:0px;

}

#left     
{ width:100%; 
height:100px; 
margin:0px; 
background-color:#FFF; 
background-image:url('http://i52.tinypic.com/15yxa40.png'); 
background-repeat:repeat-x; 
}
person KyleWpppd    schedule 23.01.2011
comment
Это не сработало... не могли бы вы попробовать проверить это сами? Поскольку я не смог заставить его работать, возможно, я неправильно следовал вашим инструкциям. Когда я сделал то, что вы сказали, моя рамка исчезла, и изображение больше не оставалось на месте. - person yummyyy; 25.01.2011
comment
не могли бы вы быть более конкретным, или попробовать что-то еще? Большое спасибо за вашу помощь до сих пор. - person yummyyy; 25.01.2011
comment
Ваш HTML весь испорчен. У вас есть <div> элементов в заголовке и стиль в теле. Взгляните на очищенный код и посмотрите, не работает ли он. pastebin.com/UKxm8qQT - person KyleWpppd; 25.01.2011