<MyRusakov.ru />

Создание и продвижение лендинга под ключ

Создание и продвижение лендинга под ключ

Данный курс научит Вас создавать профессиональные лендинги на любую тематику с нуля и под ключ. Помимо теории Вы так же своими глазами будете видеть, как создаётся лендинг: заказывается дизайн, верстаются страницы, программируется клиентская часть и Admin-панель, а после лендинг размещается в Интернете. Так же Вы узнаете, как продвигаются лендинги и, самое главное, Вы увидите, как это делается на примере созданного лендинга до первых клиентов.

И, наконец, к курсу идут 4 очень полезных и актуальных Бонуса для лендингов: "Подключение онлайн-консультанта", "Система уведомлений по SMS", "Автоматизация управления Яндекс.Директом" и "Продажа товаров с AliExpress.com".

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

Подписавшись по 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

Спасибо!
Профиль Ответить