Форум Сайтостроение Веб-строительство

Нужна помощь в CSS

123 4
extaz
На сайте с 23.02.2008
Offline
26
extaz
1639

На картинке изображен блок состоящий из трех составляющих:

1-верхушка блока

2-эта полоска аля фон для текста

3-низ блока

собственно проблема в том, что у меня не получается сделать так, чтобы текст шел по всем элементам, т.е. начинался с верхушки и заканчивался внизу блока(у меня начинает 2 элемент перекрывать 1 и 3)

"Самый надежный способ удвоить свои деньги - сложить их пополам и сунуть в бумажник."
Arsh
На сайте с 21.03.2007
Offline
199
Arsh
#1

Лучше код выложить. Ничего не понял.

extaz
На сайте с 23.02.2008
Offline
26
extaz
#2

Да вот с кодом и проблема! я дошарить не могу как это всё сделать, сам жду примеров кода :)

Ткач
На сайте с 29.04.2007
Offline
95
Ткач
#3

extaz, ищите в интернете любой учебник или откройте любой сайт с блочной версткой.

У Вас там ничего сверхъестественного нет. не ленитесь. Или выложите код, который наваяли.

Разработка и создание сайтов. Красиво, функционально, недорого. (http://time-online.ru/) ICQ 388-474-890)
pelvis
На сайте с 01.09.2005
Offline
345
pelvis
#4
extaz:

собственно проблема в том, что у меня не получается сделать так, чтобы текст шел по всем элементам, т.е. начинался с верхушки и заканчивался внизу блока(у меня начинает 2 элемент перекрывать 1 и 3)

ничего из сообщения не ясно. Если текст нужно пустить по Body, а сверху наложить блоки, то юзайте div с параметром z-index. Или я чего не понял, расшифруйте.

Продаю вывески. Задарма и задорого (https://www.ledsvetzavod.ru/)
extaz
На сайте с 23.02.2008
Offline
26
extaz
#5

вот самый банальный код: 

<div class="m-top"></div>

                       <div class="m-center">

      			                      <div class="m-text">

                                                        тут идет текст

				              </div>

			                       </div>

         <div class="m-bottom"></div>

m-top - 1-ый элемент

m-center - 2-ой элемент

m-bottom - 3-ий элемент

я конечно попытался подключить сюда и z-index, но наверно руки кривые (опыта мало)

pelvis
На сайте с 01.09.2005
Offline
345
pelvis
#6

extaz, сами классы покажите, если это не военная тайна :)

[Удален]
#7

extaz, в каком блоке текст пишите, там он и отображается

pelvis
На сайте с 01.09.2005
Offline
345
pelvis
#8

burunduk, Алексей, я тоже не понял. Можно ведь прописать четвертый DIV а эти три сверху бросить. Или я туплю?

Кстати, в данном случае надо не классы юзать, а ID.

И стиль так писать : # m-top{

height://;

width://;

}

И так далее :)

Arsh
На сайте с 21.03.2007
Offline
199
Arsh
#9

extaz, DIV организует пространство. Текст не может выйти за его границы(<div></div>). Почитайте учебник: теги <body>,<div>, виды позиционирования блоков.

extaz
На сайте с 23.02.2008
Offline
26
extaz
#10

pelvis Конечно подскажу.

.m-top {
	width:245px;
	background:url('../images/m-top2.gif') no-repeat;
	height:80px;
}
.m-center {
	width:245px;
	background:url('../images/m-center.gif') repeat-y;
}
.m-bottom {
	width:245px;
	height:39px;
	background:url('../images/m-bottom.gif') no-repeat;
}

burunduk текст во втором блоке

Arsh какие теги использовать в этом случае?

123 4

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий