Question

Как на моем сайте http://kino-vik.ru  создать и расположить  еще один блок между шапкой сайта и контентом чтобы туда поставить навигационные ссылки Главная, О сайте, Обратная связь и т.д. подскажите пожалуйста.

Answer 1

В верхней части после кода шапки:

<div class="header"></div>

добавляем еще один див:

<div class="header-br"></div>

в стили добавить:

.header-br {width:100%;height:100px}

а далее уже остается малость, в код выше добавляем ваше меню или что там вам нужно.

Comments

Спасибо огромное!!!

---

А как контент к нему приподнять? http://prntscr.com/9j6eg8

---

Это я понял. А как его с контентом сравнять? Контент больше получается http://prntscr.com/9j6jlu

---

Юрий Маков #3,

ваши стили в строке номер 24:

.header {
	width: 100%;
	height: 100px;
	background-color: #F5F5DC;
	border: 1px inset #7B68EE;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	}

заменить на:

.header {
	width: 860px;
	margin: 0 auto;
	height: 100px;
	background-color: #F5F5DC;
	border: 1px inset #7B68EE;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	position: relative;
	top: 10px;
	}

после будет как положено.

---

Нет, вот что получается http://kino-vik.ru/index.html

---

Нужно чтобы она была длиной как шапка

---

Юрий Маков #3,

Вы не выполняете инструкции, а делаете что хотите, вроде и вопрос задаете один, после задаете эти стили к другому классу и удивляетесь, а почему ничего не выходит.

Вопрос нужно задавать точней, а не спрашивать одно, а делать совсем другое и применять стили к совсем другому классу.

Вы задали стили выше для класса .site к том что в это класс завернут весь каркас сайта у вас ничего не получится, читайте внимательно что вам пишут и делайте как говорят.

Чтобы каркас приподнять к шапке сайта как вы спрашивали выше, найдите строку номер 36:

.content {
    padding: 20px 20px 70px;
    overflow: hidden;
    position: relative;
    top: -10px;
}

добавьте выделенное, -10 это задаем на сколько поднять каркас к шапке, можете менять под себя и подстраивать как вам нужно.

---

Yuri_Geruk,

Спасибо большое!