Возникли проблемы с повторением изображений - PullRequest
Новая
       5

Возникли проблемы с повторением изображений

1 голос
/ 17 июня 2009

Работа на сайте, который просто HTML и CSS. Я совсем новичок в этом. У меня есть верхний и нижний колонтитулы, которые я хотел бы повторить, чтобы заполнить страницу. Подумайте envato.com .

Вот пример кода, который у меня есть.

CSS: 

.blkside {
z-index:99;
background-image: url(/images/blkside.jpg);
background-repeat: repeat-x;
top:0px;
right:85px;
position: absolute;
}

соответствующий HTML: 

<div class="blkside"><img src="/images/blkside.jpg"></div>

Это всего лишь один из моих дивов. 3 повторяются по горизонтали, а 1 повторяется по вертикали. Из моих поисков все это выглядит правильно в коде, но не отображается правильно. Любая помощь будет высоко ценится.

Ответы [ 3 ]

1 голос
/ 17 июня 2009

простой пример ниже. 

<div class="repeat"></div>

.repeat {
    background:url(/images/blkside.jpg) top left repeat-x;
    height:200px;
}
0 голосов
/ 18 июня 2009

Код для повтора изображения на фоне всей страницы: 

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
<title>this is the title of the web page</title>

<style type="text/css">

body
{
background-image:
url(full link to your image goes here);
background-repeat: repeat-xy;
}

</style>

</head>
<body>
</body>
</html>
0 голосов
/ 17 июня 2009

Вам нужно установить измерения на div (высота / ширина), и как только вы определите изображение в CSS, вам не нужно также помещать его в HTML

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...