+ Ответить в теме
Показано с 1 по 2 из 2

Тема: Как можно вынести текст в отдельный блок с отступом, чтобы шапка не наезжала?

  1. #1
    Новичок codor на пути к лучшему Аватар для codor
    Регистрация
    09.06.2018
    Сообщений
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Как можно вынести текст в отдельный блок с отступом, чтобы шапка не наезжала?

    Привет!

    Сайт www.presents.octawa.ru. Cейчас шапка наезжает на текст.
    Как можно вынести текст в отдельный блок с отступом? Чтобы шапка не наезжала.

    Только осваиваю html и css. Пожалуйста, подробнее.

    Файлы index.html, style.css ниже.

    style.css
    @charset "utf-8";
    /* CSS Document */
    #header { position:absolute; top:0px; left:0px; min-width:700px;
    max-width:1920px;
    width:100%;
    height:400px;
    background-image:url(/thumbnail_large.jpg);
    background-repeat:no-repeat;
    background-size: 100%; }


    index.html
    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>Подарок от Sphere. Сфера Ваших интересов</title>
    <link rel="stylesheet" type="text/css" href="style.css">
    </head>
    <body>
    <div id="head"> <div id="header"></div> </div>
    <p><font face="Droit Serif">Привет, друг! Мы дарим тебе в <font color="blue">подарок</font><img src="подарок мини.png" width="59" height="42" alt=""/> <img src="улыбка.png" width="42" height="42" alt=""/> книги Тони Роббинса (формат doc):</font><br></p> <p><img src="книга о власти над собой.jpg" width="178" height="178" alt=""/><br><font face="Droit Serif">Книга о власти над собой - программа о том, как самостоятельного избавиться от страхов и предрассудков, кардинально улучшить отношения с окружающими людьми, зарядить свой организм завидным здоровьем и неукротимой энергией, добиться вершин личных достижений.</font></p>
    <hr size=1px width=970px align="left">
    <p><img src="разбуди в себе исполина.jpg" width="178" height="178" alt=""/><br><font face="Droit Serif">Разбуди в себе исполина - наиболее эффективные стратегии и конкретные приемы для того, чтобы каждый человек смог взять под контроль все силы, играющие его жизнью и судьбой: свои чувства и эмоции, телесное здоровье, финансы, отношения с окружающими людьми.</font></p>
    <hr size=1px width=970px align="left">
    <p><img src="заметки друга.jpg" width="178" height="178" alt=""/><br><font face="Droit Serif">Заметки друга - написана в качестве пособия для тех, у кого сейчас «тяжелые времена», эта книга
    представляет собой упрощенный вариант материала, представленного в вышеописанных, гораздо
    больших по объему, книгах, и предлагает читателям дружескую поддержку в виде нескольких
    простых шагов для немедленного улучшения их жизни к лучшему.</font></p>
    <a href="https://www.spheretrainings.com/podarki"><img src="кнопка Получить подарок.JPG" width="184" height="40" alt=""></a><br>
    <font face="Droit Serif"><a href="www.spheretrainings.com">Перейти на сайт</a></font><br>
    <img src="подарок.png" width="795" height="561" alt=""/><br>
    <font face="Droit Serif">С уважением,<br>
    команда Sphere<br>
    <a href="www.spheretrainings.com">www.spheretrainings .com</a></font><br>
    <img src="визитная карточка SPHERE с девизом, линией и рамкой - сфера ваших интересов 2.png" width="336" height="192" alt=""/><br>
    <font face="Droit Serif" size="2">&copy; Sphere. Сфера Ваших интересов</font>
    </body>
    </html>
    Последний раз редактировалось codor; 10.06.2018 в 07:56.

  2. #2
    Новичок codor на пути к лучшему Аватар для codor
    Регистрация
    09.06.2018
    Сообщений
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Сделал!

    Просто нужно было в css прописать #head{
    margin-top: 410px;
    }

    И из <div id="head"> <div id="header"></div> </div>
    вынести <div id="head">сам текст</div>

+ Ответить в теме

Похожие темы

  1. Ответов: 2
    Последнее сообщение: 13.02.2015, 16:42
  2. Ответов: 11
    Последнее сообщение: 24.03.2011, 17:31
  3. как вынести CSS в отдельный файл?
    от dhfj1985 в разделе CSS
    Ответов: 57
    Последнее сообщение: 22.07.2010, 13:23
  4. Ответов: 2
    Последнее сообщение: 30.09.2009, 16:47
  5. убрать ява-скрипт в отдельный блок..??
    от salomandr в разделе JavaScript
    Ответов: 2
    Последнее сообщение: 31.01.2009, 22:43

Социальные закладки

Социальные закладки

Ваши права

  • Вы не можете создавать новые темы
  • Вы не можете отвечать в темах
  • Вы не можете прикреплять вложения
  • Вы не можете редактировать свои сообщения