текст выводиться над слоем

WEB_bobby · May 24, 2007

вопрос таков: почему "злополучный текст" не в слое выводится а над ним?

И чем я только не пробывал повлиять на сложившуюся критически ситуцию.

Бестолку. Помогите.. Предложения типа: сверстай тоже самое таблицей или еще в этом роде - сразу предупреждаю не надо писать . Я уже их наслушался вдоволь. Не знаете как решить проблему - лучше молчите.

И что это такое товарищи дизайнеры бежать от трудностей в коде.. ? Так дело не пойдет.

Заранее спасибо!

CSS:

* {
margin: 0;
padding: 0;
border: 1px solid white;
 }

#X1_l {
background-position: left;
background-repeat: no-repeat;
height: 240px;
overflow: hidden; 
display:inline;
}

#X1_r {
background-position: right;
background-repeat: no-repeat;
height: 240px;
overflow: hidden;
}


#X1_f {
background-repeat: repeat-x;
height: 240px;
overflow: hidden;
margin-left:140px;
margin-right:140px;

}

#X1_lg {
background-position: left;
background-repeat: no-repeat;
height: 240px;
overflow: hidden;
}

#X1_rg {
background-position: right;
background-repeat: no-repeat;
height: 170px;
padding-top: 70px;
text-align: center;
overflow: hidden;
}

А вот и КОД

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>Untitled</title>
 <LINK REL ="STYLESHEET" type ="text/css" href ="delCSS.css">
</head>

<body bgcolor ="green">
<div id="X1_l">злополучный текст<div id="X1_r"><div id="X1_f"><div id="X1_lg"><div id="X1_rg">
 Некоторый текст
</div></div></div></div></div>
</body>
</html>

strix · May 24, 2007

Напишите, где должен отображаться текст. Он-то и выводится в слое с id="X1_l". Должно быть над "некоторым текстом" или где?

WEB_bobby · May 24, 2007

Напишите, где должен отображаться текст. Он-то и выводится в слое с id="X1_l". Должно быть над "некоторым текстом" или где?

нет. не над "некоторым текстом" а в блоке над которым он выводится.

Вот скрин для конкретики. Я стрелочкой указал где должен быть текст.

http://bob020202.narod.ru/

strix · May 24, 2007

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>Text</title>
<meta http-equiv="content-type" content="text/html; charset=windows-1251">
 <style>
 * {
margin: 0;
padding: 0;
border: 1px solid white;
 }

#X1_l {
background-position: left;
background-repeat: no-repeat;
height: 240px;
overflow: hidden; 
display:inline;
}

#X1_r {
background-position: right;
background-repeat: no-repeat;
height: 240px;
overflow: hidden;
}


#X1_f {
background-repeat: repeat-x;
height: 240px;
overflow: hidden;
margin-left:140px;
margin-right:140px;

}

#X1_lg {
background-position: left;
background-repeat: no-repeat;
height: 240px;
overflow: hidden;
}

#X1_rg {
background-position: right;
background-repeat: no-repeat;
height: 170px;
padding-top: 70px;
text-align: center;
overflow: hidden;
}
 </style>
</head>

<body bgcolor ="silver">
<div id="X1_l">
 <div id="X1_r">zlopoluchnyi text

zlopoluchnyi text
 <div id="X1_f">level2 
 <div id="X1_lg">level3
 <div id="X1_rg">
 drugoi text
 </div>
 </div>
 </div>
 </div>
</div>
</body>
</html>

Текст-то теперь слева. Однако, блок в центре сдвигается вниз. Предлагаю использовать плавающие блоки - со вложенными больше намаетесь.

WEB_bobby · May 24, 2007

Текст-то теперь слева. Однако, блок в центре сдвигается вниз. Предлагаю использовать плавающие блоки - со вложенными больше намаетесь.

У меня резиновая страница.. А нельзя ли как нибудь с вложенными но чтоб центральный блок не уежал? Неужели нет способа?

кукумбер · May 24, 2007

[censored]...

Зачем все делать через [censored], но по модному?

WEB_bobby · May 26, 2007

[censored]...
Зачем все делать через [censored], но по модному?

Кукумбераа, у меня там по другому нельзя никак. Я нашел выход - текс писать прям в body, а матрешку сверху накладывать. z-index. position:realative;

Sign In

текст выводиться над слоем

Question

WEB_bobby

Link to comment

Share on other sites

6 answers to this question

Recommended Posts

strix

Link to comment

Share on other sites

WEB_bobby

Link to comment

Share on other sites

strix

Link to comment

Share on other sites

WEB_bobby

Link to comment

Share on other sites

кукумбер

Link to comment

Share on other sites

WEB_bobby

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information