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

26

extaz

25 мая 2008, 22:00

1639

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

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

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

3-низ блока

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

"Самый надежный способ удвоить свои деньги - сложить их пополам и сунуть в бумажник."

199

Arsh

25 мая 2008, 22:07

#1

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

26

extaz

25 мая 2008, 22:12

#2

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

95

Ткач

25 мая 2008, 22:17

#3

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

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

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

345

pelvis

25 мая 2008, 22:21

#4

extaz:

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

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

Продаю вывески. Задарма и задорого (https://www.ledsvetzavod.ru/)

26

extaz

25 мая 2008, 22:30

#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, но наверно руки кривые (опыта мало)

345

pelvis

25 мая 2008, 22:36

#6

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

[Удален]

25 мая 2008, 22:37

#7

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

345

pelvis

25 мая 2008, 22:39

#8

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

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

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

height://;

width://;

}

И так далее :)

199

Arsh

25 мая 2008, 22:41

#9

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

26

extaz

25 мая 2008, 22:42

#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 какие теги использовать в этом случае?

Open AI тестирует память для ChatGPT

Что делать, если ваша email-рассылка попала в спам