<MyRusakov.ru />

PHP и MySQL с Нуля до Гуру

PHP и MySQL с Нуля до Гуру

Данный курс - это более 20-ти часов видеоуроков по изучению PHP и MySQL. Ключевой момент курса - это создание движка для сайта с нуля. Каждая строчка комментируется. Практически для каждого урока имеются упражнения. Причём данные упражнения направлены не только на закрепление материала, но и на реализацию реальных задач, встающих перед Web-разработчиками при создании сайтов. После курса Вы сможете без проблем создавать движки для любых сайтов.

Также почти к каждому уроку идут упражнения для закрепления материала.

Просмотрев курс и выполнив упражнения, Вы сможете без проблем создавать функциональные движки для самых различных сайтов.

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

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

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