<MyRusakov.ru />

Профессия Web-разработчик

Профессия Web-разработчик

Этот комплект за 8 месяцев превратит Вас в Web-разработчика с нуля. Учиться достаточно 1 час в день.

Начнёте Вы с HTML, CSS и вёрстки сайтов. Потом перейдёте к программированию и JavaScript. Затем изучите PHP, MySQL, SQL, Python. Изучите Web-фреймворки Laravel и Django. Создадите 5 своих сайтов для портфолио.

Комплект содержит:

- 540 видеоуроков

- 110 часов видео

- 1205 заданий для закрепления материала из уроков

- 5 финальных тестов

- 7 сертификатов

- 12 Бонусных курсов

Подробнее
Уроки и статьи
Подписка

Подпишитесь на мой канал на YouTube, где я регулярно публикую новые видео.

YouTube Подписаться

Подписавшись по E-mail, Вы будете получать уведомления о новых статьях.

Подписка Подписаться

Добавляйтесь ко мне в друзья ВКонтакте! Отзывы о сайте и обо мне оставляйте в моей группе.

Мой аккаунт Мой аккаунт Моя группа
Опрос

Какая тема Вас интересует больше?

Форум сайта MyRusakov.ru

Шапка из двух частей
04.01.2012 23:48:06 Шапка из двух частей Сообщение #1
sarcodin

sarcodin

Эксперт

Эксперт

Дата регистрации:
30.09.2011 00:53:49

Сообщений: 128

Хочу сделать так чтобы на шапке была форма входа. Я разделил в фотошопе шапку на две части.
Вот код

<div class="header">

<div class="logo_left">
<img src="images/logo_left.png" alt="Левая шапка сайта"/>
</div>
<div class="logo_right">
<img src="images/logo_right.png" alt="Правая шапка сайта" />
</div>
</div>


но вот проблема они не на одной строке как сделать чтобы они были на одной строке, или подскажите как по другому можно сделать форму на шапке
Профиль
04.01.2012 23:53:23 Шапка из двух частей Сообщение #2
Admin

Admin

Администратор

Администратор

Дата регистрации:
27.05.2010 21:23:42

Сообщений: 3063

Да способов много. Самый простой - это блок с фоном в виде шапки. А уже в этом блоке можно поставить форму.
Профиль
05.01.2012 00:07:43 Шапка из двух частей Сообщение #3
sarcodin

sarcodin

Эксперт

Эксперт

Дата регистрации:
30.09.2011 00:53:49

Сообщений: 128

Вот код:

<div class="header">
<div class="logo_left">
<img src="images/logo_left.png" alt="Шапка сайта" />
<div class="logo_right">
</div>
</div>
</div>

CSS:

#header{

width: 1000px;
height: 200px;

}

.logo_left{

width: 700px;
height: 200px;

}

.logo_right{

background: url(images/logo_right.png) no-repeat;
width: 300px;
height: 200px;
float: right;

}


Первая часть шапки отображается правильно, а вторая справа, но под первой шапкой.
Профиль
05.01.2012 00:11:47 Шапка из двух частей Сообщение #4
Admin

Admin

Администратор

Администратор

Дата регистрации:
27.05.2010 21:23:42

Сообщений: 3063

Вообще без тега img такие вещи делаются. HTML:
<div id="header>Тут форма</div>
CSS:
#header {
background: url("images/bg.jpg" no-repeat;
height: высота картинки;
width: ширина картинки;
}
Профиль
05.01.2012 00:14:02 Шапка из двух частей Сообщение #5
sarcodin

sarcodin

Эксперт

Эксперт

Дата регистрации:
30.09.2011 00:53:49

Сообщений: 128

Спасибо!
Профиль