Верстка блоков

[Дуня]

Всем привет!

Помогите разместить этот красный прямоугольник внизу где проблем между серым: http://img686.imageshack.us/img686/2708/80596290.jpg

Ниже код с шапки

<div id="header"><div id="grekovlogo"><div id="grekovtext"><h2>ГРЕКОВ</h2></div></div><div id="bar"></div></div>

#grekovlogo {
	background-color: #000;
	width: 207px;
	height: 84px;
	float: left;
}

#grekovtext {
	padding: 15px 45px;
	float: left;
}

#bar {
	background-color: red;
	width: 1072px;
	height: 30px;
	flot: left;
}

И пользуясь случаем спрошу, как сделать чтобы выравнивание текста было не grekovtext а сразу например в h1 засунуть или, я недавно начал изучать CSS, ниче не знаю пока.

[Justnewone]

Всем привет!

Помогите разместить этот красный прямоугольник внизу где проблем между серым: http://img686.imageshack.us/img686/2708/80596290.jpg

Ниже код с шапки

<div id="header"><div id="grekovlogo"><div id="grekovtext"><h2>ГРЕКОВ</h2></div></div><div id="bar"></div></div>

#grekovlogo {
	background-color: #000;
	width: 207px;
	height: 84px;
	float: left;
}

#grekovtext {
	padding: 15px 45px;
	float: left;
}

#bar {
	background-color: red;
	width: 1072px;
	height: 30px;
	flot: left;
}

И пользуясь случаем спрошу, как сделать чтобы выравнивание текста было не grekovtext а сразу например в h1 засунуть или, я недавно начал изучать CSS, ниче не знаю пока.

Можно сделать соответствующий верхний красный бордер блоку, над который должна быть красная полоса.

Edited November 29, 2009 by Justnewone

[Дуня]

Можно сделать соответствующий верхний красный бордер блоку, над который должна быть красная полоса.

То есть?

<div id="header"><div id="grekovlogo"><div id="grekovtext"><h2>ГРЕКОВ</h2></div><div id="bar"></div></div></div>

#bar {
	background-color: red;
	width: 1072px;
	height: 30px;
	flot: left;
}

А как его теперь вниз в ксс опустить? http://img691.imageshack.us/img691/9141/96168493.jpg

Edited November 29, 2009 by Дуня

[Justnewone]

То есть?

<div id="header"><div id="grekovlogo"><div id="grekovtext"><h2>ГРЕКОВ</h2></div><div id="bar"></div></div></div>

#bar {
	background-color: red;
	width: 1072px;
	height: 30px;
	flot: left;
}

А как его теперь вниз в ксс опустить? http://img691.imageshack.us/img691/9141/96168493.jpg

Снизу блок, сразу над которым белое, пустое место, вот ему и надо дать border-top: 30px solid red;

[mishka]

Мне кажется тут первое что надо сделать - понять как ведет себя родитель если внутри есть флотнутые дочерние элементы.

http://forum.htmlbook.ru/index.php?s=&...ost&p=94256

[Justnewone]

Мне кажется тут первое что надо сделать - понять как ведет себя родитель если внутри есть флотнутые дочерние элементы.

http://forum.htmlbook.ru/index.php?s=&...ost&p=94256

Я так понял задача была его вниз загнать, между серыми блоками )

[Дуня]

Помогите разместить этого чувака поверх текста, а не наоборот, вот картинка и текст: http://img686.imageshack.us/img686/2963/32512254.jpg

<div id="header">
<div id="grekovlogo"><div id="grekovtext"><h2>ГРЕКОВ</h2></div></div>
<div id="bar"></div>
<h6 id="prod">ПРОИЗВОДСТВО ВИДЕО</h6><div id="grekov"></div>
</div>

#grekovlogo {
	background-color: #000;
	width: 207px;
	height: 84px;
	float: left;
}

#grekovtext {
	padding: 15px 45px;
	float: left;
}

#bar {
	background-color: #3A3A3A;
	width: 1072px;
	height: 37px;
	position: absolute;
	top: 389px;
}

#grekov {
	background-image:url('grekov.png');
	width: 353px;
	height: 349px;
	position: relative;
	top: 61px;
	left: 55px;
}

#prod {
	margin: 125px 78px;
	position: absolute;

}

Edited November 29, 2009 by Дуня

[Justnewone]

релейтив назначить

[Дуня]

релейтив назначить

может написать как это пожалуйчста

[s0rr0w]

может написать как это пожалуйчста

"как это пожалуйчста"

Написал.

[Дуня]

"как это пожалуйчста"

Написал.

А нормально пожауйлста. А!!! Это ты про position: relative! Ну так я попробую, но думаю у меня ничего не получится. Не получилось куда релатив, помогите с кодом.

Мне кажется тут первое что надо сделать - понять как ведет себя родитель если внутри есть флотнутые дочерние элементы.

http://forum.htmlbook.ru/index.php?s=&...ost&p=94256

Извини не понял что тут.

Edited November 29, 2009 by Дуня

[psywalker]

А нормально пожауйлста.

Вторая попытка не удалась, давай третий, наверняка

[Дуня]

Вторая попытка не удалась, давай третий, наверняка

Напишите куда это в коде, покажите, я не понимаю, куда токо не писал это релатив не работае.

[s0rr0w]

Напишите куда это в коде, покажите, я не понимаю, куда токо не писал это релатив не работае.

Если сделать хотя бы мааааахонькую попытку чуть более подробно узнать про применение CSS, то это решит 98% ваших проблем.

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

[Дуня]

Если сделать хотя бы мааааахонькую попытку чуть более подробно узнать про применение CSS, то это решит 98% ваших проблем.

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

Ну можете тут подсказать и если можно дать ссылку где можно нормально выучить CSS и я больше не буду отвлекать Вас по таким вопросам, буду наооборот помогать!

[panig]

» если можно дать ссылку где можно нормально выучить CSS

http://htmlbook.ru/css/

(:

[Дуня]

» если можно дать ссылку где можно нормально выучить CSS

http://htmlbook.ru/css/

(:

Так и думал сейчас сюда дадут. Я все прочитал, но как поставить человечка выше текста так и не понял: http://img686.imageshack.us/img686/2963/32512254.jpg

Edited November 29, 2009 by Дуня

[psywalker]

Так и думал сейчас сюда дадут. Я все прочитал, но как поставить человечка выше текста так и не понял: http://img686.imageshack.us/img686/2963/32512254.jpg

Значит не прочитал тут http://stepbystep.htmlbook.ru/