повторение фоновых изображений

Волчонок · June 20, 2007

Здравствуйте!

У меня такая проблема...

Я задумала сделать страницу на которой по бокам браузера будет идти один и тот же рисунок (только зеркально отраженный) но у меня получается "запустить" его только либо слева либо справа но НИКАК не вместе и там и там!

Я пробовала через css - то есть например:

body

{background-image:url(fon1.gif);

background-repeat:repeat-y;

margin-left:40px}

это - из левой верх точки по оси Y но мне нужно еще и из правой верх точки! но....

strix · June 20, 2007

Попробуйте

body
{background:url(fon1.gif);}

Повторение рисунка - по умолчанию :-)

Волчонок · June 20, 2007

вы наверно меня не так поняли? то что вы написали - протирожируется по ВСЕЙ странице! а мне нужно ТОЛЬКО с лева и справа! (( - то есть по одной вертикальной отдельной полоске с боков браузера!!............

Fu-tai · June 20, 2007

К примеру можно вот так!

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Вот так вот можно</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style>
* { /* Обнуляем все лишнее*/
margin:0;
padding:0;
border:0;
}
body {
background-image:url(arrow_top.gif); /*картинка которая должна распологаться справа*/
background-position:right; /*определяем позицию для картинки*/
background-repeat:repeat-y; /*повторяем по Y*/
}
html {
background-image:url(arrow_bottom.gif); /*картинка которая должна распологаться слева*/
background-position:left; /*определяем позицию для картинки*/
background-repeat:repeat-y; /*повторяем по Y*/
}
p {
padding: 2%; /*задаем внутренний отступ для тега p*/
}
</style>
</head>

<body>
<p>Здравствуйте!
У меня такая проблема...
Я задумала сделать страницу на которой по бокам браузера будет идти один и тот же рисунок (только зеркально отраженный) но у меня получается "запустить" его только либо слева либо справа но НИКАК не вместе и там и там!
Я пробовала через css - то есть например:
body 
{background-image:url(fon1.gif); 
background-repeat:repeat-y;
margin-left:40px}
это - из левой верх точки по оси Y но мне нужно еще и из правой верх точки! но....</p>
<p>Здравствуйте!
У меня такая проблема...
Я задумала сделать страницу на которой по бокам браузера будет идти один и тот же рисунок (только зеркально отраженный) но у меня получается "запустить" его только либо слева либо справа но НИКАК не вместе и там и там!
Я пробовала через css - то есть например:
body 
{background-image:url(fon1.gif); 
background-repeat:repeat-y;
margin-left:40px}
это - из левой верх точки по оси Y но мне нужно еще и из правой верх точки! но....</p>
<p>Здравствуйте!
У меня такая проблема...
Я задумала сделать страницу на которой по бокам браузера будет идти один и тот же рисунок (только зеркально отраженный) но у меня получается "запустить" его только либо слева либо справа но НИКАК не вместе и там и там!
Я пробовала через css - то есть например:
body 
{background-image:url(fon1.gif); 
background-repeat:repeat-y;
margin-left:40px}
это - из левой верх точки по оси Y но мне нужно еще и из правой верх точки! но....</p>
<p>Здравствуйте!
У меня такая проблема...
Я задумала сделать страницу на которой по бокам браузера будет идти один и тот же рисунок (только зеркально отраженный) но у меня получается "запустить" его только либо слева либо справа но НИКАК не вместе и там и там!
Я пробовала через css - то есть например:
body 
{background-image:url(fon1.gif); 
background-repeat:repeat-y;
margin-left:40px}
это - из левой верх точки по оси Y но мне нужно еще и из правой верх точки! но....</p>
<p>Здравствуйте!
У меня такая проблема...
Я задумала сделать страницу на которой по бокам браузера будет идти один и тот же рисунок (только зеркально отраженный) но у меня получается "запустить" его только либо слева либо справа но НИКАК не вместе и там и там!
Я пробовала через css - то есть например:
body 
{background-image:url(fon1.gif); 
background-repeat:repeat-y;
margin-left:40px}
это - из левой верх точки по оси Y но мне нужно еще и из правой верх точки! но....</p>
<p>Здравствуйте!
У меня такая проблема...
Я задумала сделать страницу на которой по бокам браузера будет идти один и тот же рисунок (только зеркально отраженный) но у меня получается "запустить" его только либо слева либо справа но НИКАК не вместе и там и там!
Я пробовала через css - то есть например:
body 
{background-image:url(fon1.gif); 
background-repeat:repeat-y;
margin-left:40px}
это - из левой верх точки по оси Y но мне нужно еще и из правой верх точки! но....</p>
</body>
</html>

Высота правой картинки будет зависеть напрямую от высоты всей страницы!

Но и это можно поправить. Спросите меня как?

Волчонок · June 20, 2007

хм...я не оч поняла...........это готовый код?...я его скопировала (ну заменила arrow_top.gif на fon1.gif и т д) и загрузила - но стр пуста ВААБЩЕ =000 ??............щас конечно попробую разобраться............

Fu-tai · June 20, 2007

Скопируйте прямо весь код, и замените названия файлов. незабудьте проверит чтобы рисунки были в этой же папке

И разместите какой нито текст на странице, увидите что все прекрастно работает!

Вы либо не все скопировали, либо что то удалили в коде! А может у вас просто картинки лежат не в тойже папке где и файл хтмл?

Волчонок · June 20, 2007

да нет! все норм лежит!!! - я создаю новый файл в той же папке где все и делаю!! (( ....не работает! (( пока не поняла почему.... заменяла и только тут (названия рисунков):

body {

background-image:url(arrow_top.gif); /*картинка которая должна распологаться справа*/

background-position:right; /*определяем позицию для картинки*/

background-repeat:repeat-y; /*повторяем по Y*/

}

html {

background-image:url(arrow_bottom.gif); /*картинка которая должна распологаться слева*/

background-position:left; /*определяем позицию для картинки*/

background-repeat:repeat-y; /*повторяем по Y*/

}

и вообще полностью под свой переделывала (ну то есть ваше body стирала и т д)............((( страничка БЕЛАЯ!!! (( даж текста нет! (в последний раз картинка справа вывелась и текст слева - но это максимум пока что у меня получилось...)

Волчонок · June 20, 2007

а почему

а не

?..

Fu-tai · June 20, 2007

Мда!

Мрачный полтергейст! :/

Дай мыло вышлю весь пример целиком!

У меня все прекрастно отображает во всех браузерах!

Решение рабочее!:cool:

Fu-tai · June 20, 2007

Если объяснишь что это такое и в чем между ними разница скажу почему!

Волчонок · June 20, 2007

Здравствуйте!

У меня такая проблема...

Я задумала сделать страницу на которой по бокам браузера будет идти один и тот же рисунок (только зеркально отраженный) но у меня получается "запустить" его только либо слева либо справа но НИКАК не вместе и там и там!

Я пробовала через css - то есть например:

body

{background-image:url(fon1.gif);

background-repeat:repeat-y;

margin-left:40px}

это - из левой верх точки по оси Y но мне нужно еще и из правой верх точки! но....

Fu-tai · June 20, 2007

скопировал

Волчонок · June 20, 2007

прочитал исправленый пост? еще вопрос - у тебя во всех браузерах работает?

Fu-tai · June 20, 2007

Объясняю! патамучто utf-8 мне больше нравится!

По поводу кода, смотри высланный мною пример!

У меня работает во всех браузерах!

Вышли мне твой вариант!

Посмотрим на твой полтергейст!

Волчонок · June 20, 2007

Высота правой картинки будет зависеть напрямую от высоты всей страницы!
Но и это можно поправить. Спросите меня как?

да!!!!!!!!!!!!!!!!!!!!!!!! =)

Волчонок · June 20, 2007

Объясняю! патамучто utf-8 мне больше нравится!
По поводу кода, смотри высланный мною пример!
У меня работает во всех браузерах!
Вышли мне твой вариант!
Посмотрим на твой полтергейст!

в смысле тоже заархтивировать? ок!

Волчонок · June 20, 2007

Объясняю! патамучто utf-8 мне больше нравится!

чем?? =)

Fu-tai · June 20, 2007

Тем что он универсален для всех языков!

И че я седня такой добрый!

Волчонок · June 20, 2007

я тебе отправила + а в твоем коде у меня все русские буквы черти как выглядят!!! (( вот:

body {

background-image:url(arrow_top.gif); /*Р?Р?С?С?Р?Р?Р?Р? Р?Р?С?Р?С?Р?С? Р?Р?Р?Р?Р?Р? С?Р?С?РїР?Р?Р?РіР?С?С?С?С? С?РїС?Р?Р?Р?*/

background-position:right; /*Р?РїС?Р?Р?Р?Р?С?Р?Р? РїР?Р?Р?С?Р?С? Р?Р?С? Р?Р?С?С?Р?Р?Р?Р?*/

background-repeat:repeat-y; /*РїР?Р?С?Р?С?С?Р?Р? РїР? Y*/

Волчонок · June 20, 2007

а чего обычно злой?? )))))))

Волчонок · June 20, 2007

а iso-8859-1 не универсален?? или charset="windows-1251 ?

Fu-tai · June 20, 2007

нет!

Почту проверь!

У мя все работает!

Поставь в браузере авто определение кодировки, и не сохраняй хтмл файлы в формате ASCI Выставляй все типы или UTF-8!

Именно поэтому у тя ниче не видно на странице!

Волчонок · June 20, 2007

нет!
Почту проверь!
У мя все работает!
Поставь в браузере авто определение кодировки, и не сохраняй хтмл файлы в формате ASCI выставляй все типы!

я не поняла!.....в смысле в формате ASCI ?? я их сохроняю как имя.html !!! ...................что такое ASCI ??............ + а как правую сторону то так же как левую вниз продлить?? (без привязки к тексту).......

Fu-tai · June 20, 2007

Неужели заработало?

Даже странно!

В блокноте есть три параметра сохраняемого файла:

Имя файла: Нада писать так " название файла.html "

Тип файла: надо выбирать "Все файлы"

Кодировка: надо выбирать "UTF-8" по умолчанию стоит ASCI

ASCI - это кодировка в которой сохраняется файл, применяют чисто для текстовых файлов никем не интерпретирующихся! Не наш короче вариант!

А зачем ее продлять принудительно?! Будешь наполнять страницу текстом или картинками там всякими, тогда само растянется как надо!

Волчонок · June 20, 2007

я не буду ничем стр заполнять!!! эти рис - и есть почти ВСЯ стр!! поэтому мне нужно чтобы справа было ТАК ЖЕ как слева!! в этом весь смысл!!!! ((( (в центре будет небольшая табл и больше НИЧЕГО!!)..................

на счет сохранения файла - я блин нажимаю просто "сохранить" и все((( надо-по-другому что ли?...((

Fu-tai · June 20, 2007

Да тяжкий случай!

Например вот так.

замени соответствующий код вот на это.

body {
height:100%;
min-height: 100%;
background-image: url(fon1.gif);
background-position:right; 
background-repeat:repeat-y; 
}
html {
height:100%;
background-image: url(fon2.gif);
background-position:left; 
background-repeat:repeat-y; 
}

Sign In

повторение фоновых изображений

Question

Link to comment

Share on other sites

32 answers to this question

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation

Обсуждения

Important Information