<MyRusakov.ru />

Создание крупного проекта на Java с нуля

Создание крупного проекта на Java с нуля

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

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

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

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

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

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