Создаю свой сайт, но есть проблемы

Общее
1

Здравствуйте! Не могу схлопнуть div-ы. Заранее спасибо!

как схлопнуть два div.JPG1347×357 54.7 KB

2

Что конкретно вы хотите сделать? Код текстом, пожалуйста.

4 
<!DOCTYPE html>
<html>
 <head>
	<title>Главная</title>
	<meta charset=utf-8">
	<link rel="stylesheet" href="style.css">
 </head>
 <body>
  <div id="content">
    <div id="header">
   	  <span>Главная</span>
   	  <a href="#">Рассказы</a>
   	  <a href="#">Стихи</a>
   	  <a href="#">Контакты</a>
    </div>
    <div id="box_text">
    	<h1>Добро пожаловать на литературный сайт! </h1>
    	 <p>В основном пишу рассказы, дополняя их стихами о своей жизни и жизни своих друзей. Трудно объяснить чувства и загадочные происшествия. Грусть, радость, прошлое настоящее - все это переполняет и пересыщает жизнь человека. Хочу найти решения на проблемы, которые, наверное, мучают каждого человека идущего по пути страстных желаний. Желание ощутить чего-то нового и острого, но, наверное, это не выход.</p>
           <blockquote><em>"Тишина, спокойствие, Гималаи...<br>
           Не передать воображаемую жизнь словами<br>
           Хочется чтобы это было реальностью<br>
           В этот миг, сей же час."</em></blockquote><br>
         <p>Как ни странно, но каждый что-то воображает. Описывая какое-то событие, немного приукрашивает, чтобы дошло до собеседника. Но порой краска меняет всю суть рассказанного, поэтому хочу описывать так как есть.</p>
         <p>Ссылка на список произведений здесь.</p>
        <h2>Советы посетителям сайта</h2>
         <p>Дочитывать рассказы до конца. При упоминании того или иного человека в своем рассказе, не пишите о нем придуманного. Лучше писать, то что видели собственными глазами, но порой и они обманывают. Сейчас очень многие обманывают из-за чего творится хаос.</p>
         <p>В этом мне помогли мои дорогие друзья и сайт <a href="http://facultetbook.ru/" target="_blank">Facultetbook</a></p>
    </div>
    <footer>
    	<a href="#">Контакты</a><br>
    	<a href="htpp://vk.com/titomir.katia">страница в ВКонтакте</a><br>
    	<a href="#">страница в Facebook</a><br>
    	<a href="#">страница в Twitter</a>
    </footer>
   </div> 
 </body>
</html>
5 
body {
	background-color: #B9CEFF;
	border: 1px solid black;
}
#box_text {
	background-color: #D5CCCC;
	height: 850px;
	margin-top: 0;
}
#header {
    border: 1px solid black;
    background-color: #CBC5C5;
    text-align: center;
    padding-top: 18px;
    margin-bottom: 0;
}
span {
    border: 1px solid black;
}

a{
  border: 1px solid black;
}
footer {
   border: 1px solid black;
   background-color: green;
}
6

проблема в том что не могу сдвинуть два первых дива вместе т.е header и box_text схлопнуть вместе.
я пробовала маргині обнулить, и позиционировать, но не помогало

7

Попробуйте обнулить отступы у заголовка h1. Они нигде не прописаны, но по умолчанию существуют.

1 лайк
8

спасибо большое. помогло

13

Пользуйтесь песочницей или бесплатным хостингом, пожалуйста, чтобы демонстрировать свои работы. Личный код текстом в сообщении, особенно когда его уже много - это неудобно.
Песочница: http://codepen.io/
Статья о бесплатном хостинге Github.

14

хорошо. спасибо