Помогите дилетанту сделать заставку на сайт.

Тема в разделе "Вёрстка (HTML, CSS)", создана пользователем magicsolotula, 23 сен 2015.

  1. magicsolotula

    magicsolotula

    Регистрация:
    23 сен 2015
    Сообщения:
    2
    Симпатии:
    0
    Всем доброго дня!
    Помогите, пожалуйста, разместить заставку на сайт.
    Это написала моя дочь-школьница:

    <html>

    <body>
    <center>
    </div>

    <div class="logo"><img src="glavnaya_bk.jpg" width="1874"></div>

    </div>

    <center>
    <body>

    </html>

    Вот можно посмотреть что получилось http://vokalvtule.ru/
    Как сделать, чтобы картинка открывалась на всех экранах за весь экран без прокрутки?
    Заранее спасибо всем, кто отзовется
    И опять же плюс в карму!
     
  2. hopman

    hopman

    Регистрация:
    23 сен 2015
    Сообщения:
    1
    Симпатии:
    0
    как бы тег img не очень для фонового изображения лучше сделать обертку дивом и в стилях с помощью баграунда вывести изображение и растянуть на весь экран
     
  3. magicsolotula

    magicsolotula

    Регистрация:
    23 сен 2015
    Сообщения:
    2
    Симпатии:
    0
    Спасибо!
    Но я совсем в этом ничего не понимаю. "обертку дивом и в стилях с помощью баграунда вывести изображение" - это для меня как китайская грамота. Вы могли бы написать этот код?
     
  4. Fantastic

    Fantastic

    Регистрация:
    18 сен 2015
    Сообщения:
    22
    Симпатии:
    6
    Картинка у вас слишком тяжелая (много весит) + большая. У меня на ноуте все не видать. Если вам это без разницы и не нужны старые браузеры то вот так можно сделать:

    Код:
    <html>
    <head>
    <style type="text/css">
      html{
        background: url(glavnaya_bk.jpg) no-repeat center center fixed;
        background-size: cover;
    }
    </style>
    </head>
    <body>
    
    </body>
    </html>
    Это на CSS 3, я его немного почитал, на CSS 2.1 будет труднее, а вам же нужно по легче. Но это не самый лучший вариант, может кто по лучше подскажет.
     
    magicsolotula нравится это.