Как в html задать фон

Discussion in 'Болталка' started by Hitler, 9 Aug 2011.

  1. Hitler

    Hitler New Member

    Joined:
    7 Dec 2010
    Messages:
    0
    Likes Received:
    0
    Reputations:
    0
    Задаю фон картинкой, но вот что получается [​IMG]

    Как сделать, чтобы не было разделения на 2 части фона а чтобы фон размещался на всю страницу? В коде так <body background="img/17.JPG">

    </body>
     
  2. StopSpam

    StopSpam Banned

    Joined:
    5 Jul 2011
    Messages:
    0
    Likes Received:
    0
    Reputations:
    0
  3. AlonDelon

    AlonDelon Member

    Joined:
    12 Nov 2010
    Messages:
    322
    Likes Received:
    18
    Reputations:
    -3
    <body
    style="background-image: url(file:///2.jpg);">
    </body>
     
  4. .::f-duck::.

    .::f-duck::. Member

    Joined:
    30 May 2009
    Messages:
    343
    Likes Received:
    32
    Reputations:
    7
    O_O, чувак, ты вообще спеки читал?
    ТС, тут растягивать надо картинку, если я правильно понял.
    Почитай на css-tricks про растягиваемый фон из 1 картинки.
    Или width, height - 100%

    ps.А height, вроде по дефолту auto...
     
    #4 .::f-duck::., 9 Aug 2011
    Last edited: 9 Aug 2011
  5. sn0w

    sn0w Статус пользователя:

    Joined:
    26 Jul 2005
    Messages:
    1,021
    Likes Received:
    1,200
    Reputations:
    327
    ващет для указанного паттерна будет достаточно 10 пикс на высоту экрана
     
  6. Hitler

    Hitler New Member

    Joined:
    7 Dec 2010
    Messages:
    0
    Likes Received:
    0
    Reputations:
    0
    repeat-x, repeat-y не катит, нужно как-то растянуть картинку. Как это в коде указать,
     
  7. Hitler

    Hitler New Member

    Joined:
    7 Dec 2010
    Messages:
    0
    Likes Received:
    0
    Reputations:
    0
    Растянуть способ нашел

    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
    <title>Растягиваемый фон</title>
    <style type="text/css">
    #layer1 {
    z-index: 1;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    }
    #layer2 {
    position: absolute;
    z-index: 2;
    }
    </style>
    </head>
    <body>
    <div id="layer1">
    <img src="help.gif" width="100%" alt="">
    </div>
    <div id="layer2">
    Основное содержимое веб-страницы
    </div>
    </body>
    </html>

    Но масштаб увеличился в дохера раз [​IMG]

    Подскажите знатоки хтмл как все пропорционально сделать?
     
  8. Gvidion

    Gvidion Elder - Старейшина

    Joined:
    11 Sep 2009
    Messages:
    79
    Likes Received:
    43
    Reputations:
    28
    #layer1 {
    z-index: 1;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    }

    тут замени position: absolute; на position: fixed;

    Ты это хотел?
     
  9. Bokovka

    Bokovka New Member

    Joined:
    31 Jul 2010
    Messages:
    27
    Likes Received:
    3
    Reputations:
    0
    замени картинку уже другую, чтоб небыло так не красиво
     
  10. Melfis

    Melfis Elder - Старейшина

    Joined:
    25 Apr 2011
    Messages:
    505
    Likes Received:
    105
    Reputations:
    53
    Одной картинкой большой нельзя нормально сделать фон чтобы он тянулся. Он будет или весить дохрена и деформироваться, либо выглядеть хреново и опять же деформироваться. А фон свой ты можешь сделать из двух картинок, нижний светлый градиент в подвале. Из верхней однородной массы сделай один маленький паттерн. Будет тебе счастье после этого.