Jump to content
  • 0

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

Волчонок

Asked by Волчонок,

 Share

Question

Волчонок Explorer

Волчонок

Posted
Posted

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

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

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

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

body

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

background-repeat:repeat-y;

margin-left:40px}

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

Link to comment
Share on other sites

32 answers to this question

Recommended Posts

  • 0
Волчонок Explorer

Волчонок

Posted
  • Author
Posted

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

Link to comment
Share on other sites
  • 0
Fu-tai Explorer

Fu-tai

Posted
Posted

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

<!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>

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

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

Link to comment
Share on other sites
  • 0
Волчонок Explorer

Волчонок

Posted
  • Author
Posted

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

Link to comment
Share on other sites
  • 0
Fu-tai Explorer

Fu-tai

Posted
Posted

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

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

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

Link to comment
Share on other sites
  • 0
Волчонок Explorer

Волчонок

Posted
  • Author
Posted

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

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 стирала и т д)............((( страничка БЕЛАЯ!!! (( даж текста нет! (в последний раз картинка справа вывелась и текст слева - но это максимум пока что у меня получилось...)

Link to comment
Share on other sites
  • 0
Волчонок Explorer

Волчонок

Posted
  • Author
Posted

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

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

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

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

body

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

background-repeat:repeat-y;

margin-left:40px}

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

Link to comment
Share on other sites
  • 0
Волчонок Explorer

Волчонок

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

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

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

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

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

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

Link to comment
Share on other sites
  • 0
Волчонок Explorer

Волчонок

Posted
  • Author
Posted

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

body {

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

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

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

Link to comment
Share on other sites
  • 0
Fu-tai Explorer

Fu-tai

Posted
Posted

нет!

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

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

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

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

Link to comment
Share on other sites
  • 0
Волчонок Explorer

Волчонок

Posted
  • Author
Posted
нет!

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

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

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

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

Link to comment
Share on other sites
  • 0
Fu-tai Explorer

Fu-tai

Posted
Posted

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

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

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

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

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

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

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

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

Link to comment
Share on other sites
  • 0
Волчонок Explorer

Волчонок

Posted
  • Author
Posted

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

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

Link to comment
Share on other sites
  • 0
Fu-tai Explorer

Fu-tai

Posted
Posted

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

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

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

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; 
}

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
 Share
Go to question listing

  • Обсуждения

    • Nikker
      Дизайн сайтов, landing page, логотипов, баннеров, шапок | Высокое качество, по хорошей цене

      By Nikker · Posted

      Актуальные контакты: Telegram: @Nikker_web E-Mail:   tarasevich.email@gmail.com Портфолио https://www.behance.net/d4d4186e Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ    
    • Nikker
      Брендовый дизайн в социальных сетях

      By Nikker · Posted

      Актуальные контакты: Telegram: @Nikker_web E-Mail:   tarasevich.email@gmail.com   Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ   Портфолио https://www.behance.net/d4d4186e
    • Mondeus
      Вёрстка футера на движке Xenforo

      By Mondeus · Posted

      Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение.  .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } }  
    • torsar
      Примеры верстки

      By torsar · Posted

      Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок.
    • Katerina23
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Katerina23 · Posted

      Да, подходит. Спасибо.
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept