X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Как можно вынести текст в отдельный блок с отступом, чтобы шапка не наезжала?
tackter
tackter
Topic Starter сообщение 9.6.2018, 16:21; Ответить: tackter
Сообщение #1


Привет!

Сайт 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>
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
tackter
tackter
Topic Starter сообщение 10.6.2018, 12:02; Ответить: tackter
Сообщение #2


Сделал! :goodpost:

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

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

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
2 чел. читают эту тему (гостей: 2, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) SEO-текст на главной странице сайта и в категориях
5 boltuk 1351 26.3.2024, 21:43
автор: c4p1t4l15t
Открытая тема (нет новых ответов) Большие ставки для кликов в Я.Директ. Как удешевить?
2 rownong27 1116 26.3.2024, 14:13
автор: knezevolk
Открытая тема (нет новых ответов) Как вы бросили работу и перешли на заработок с сайтов?
12 uahomka 2281 25.3.2024, 6:52
автор: Skyworker
Открытая тема (нет новых ответов) Как отозвать банковский платеж фрилансеру?
28 metvekot 3910 25.3.2024, 6:34
автор: Skyworker
Открытая тема (нет новых ответов) Как вывести деньги в Украине с заблокированного Юмани ?
23 freeax 3635 24.3.2024, 20:55
автор: Liudmila


 



RSS Текстовая версия Сейчас: 28.3.2024, 14:31
Дизайн