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>
но вот проблема они не на одной строке как сделать чтобы они были на одной строке, или подскажите как по другому можно сделать форму на шапке
Admin
Администратор
Дата регистрации:
27.05.2010 21:23:42
Сообщений: 3063
Да способов много. Самый простой - это блок с фоном в виде шапки. А уже в этом блоке можно поставить форму.
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;
}
Первая часть шапки отображается правильно, а вторая справа, но под первой шапкой.
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: ширина картинки;
}
sarcodin
Эксперт
Дата регистрации:
30.09.2011 00:53:49
Сообщений: 128
Спасибо!