Javascript-форум - Текст не загружаеться в контейнер

Javascript-форум (https://javascript.ru/forum/)

- (X)HTML/CSS (https://javascript.ru/forum/xhtml-html-css/)

- - Текст не загружаеться в контейнер (https://javascript.ru/forum/xhtml-html-css/23558-tekst-ne-zagruzhaetsya-v-kontejjner.html)

Текст не загружаеться в контейнер

Собсвтенно Не могу добавить текста на страницу. Контейнер <div> упорно не не жалает его принять! И из за этого текст отоброжаеться позади фона вообще, его едва видна за секунду до загрузки фонна (На фоне тёмное изброжение), фон вроде как накладыветься на него. Да и вообще, текст позади не двигаеться на странице и не редактируеться, для него не создаються отденльные поля с фоном (хотел белый фон сделать, так как чёрый же на самой странице). Короче он словно не в контейнере!

Данный участок HTML:

<div class="tekst">
<p align="center">Данный сайт создан для того что бы все, кому нравиться эта музыка, могли получить любую информацию о ней. Цель проекта – в конечном итоге сделать большой портал, где можно будет найти практически все что угодно, касающееся Рок и Метал музыки. Цели высокие и пока что до них предстоит проделать ещё очень не близкий путь, но в конечном итоге будем стараться, дабы они были достигнуты. Во всяком случае, будем изо всех сил к этому стремится.<br>
Ну а что касается всех кто посещает наш сайт, заходите сюда как можно чаще, рассказывайте о нём другим, словом отнеситесь с вниманием к нам, и в будущем к вашим услугам будет большой и яркий портал, и если в ваши интересы входит эта музыка, скорее всего это вас порадует и заинтересует!<br>
Будем стараться, что бы на портале были периодические обновления и часто появлялось что-то интересное, а оформление было приятным и удобным. В будущем обязательно вставим систему комментариев и форум, и сдезь вы сможете также и общаться и обсуждить всё что касается Рок и Метал музыки! <br>
Что могу сказать о самих нас. Команда состоит пока всего из двух человек. Это я, автор этого текста – Bajker и, Fox. Пока нас всего двое, но в ближайшем будущем к нам присоединятся ещё люди, и дело пойдёт гораздо быстрей.
Спасибо что посещаете наш сайт!
</p> </div>

Данный участок CSS:

.tekst {position:absolute; top:500px; left:500px; background: white;
}

Цитата:

Сообщение от Bajker

в ближайшем будущем к нам присоединятся ещё люди, и дело пойдёт гораздо быстрей

Остаётся только ждать... :cray:

Bajker, без нормального примера не понять почему твой див тебя не слушается... :)

<html>
<head>
<title> Rock&Metal - Main Page </title>
<link rel="stylesheet" type="text/css" href="Rock&metal - glavnaja.css" media="all">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body>
<div class="main_logo">
<img src="ROCK&METAL.LV_LOGO.png">
</div>

<div class="border1">
<img src="shapka\border1.png" width="1271px" height="20px">
</div>

<div class="border2">
<img src="shapka\border1.png" width="1271px" height="20px">
</div>


<div class="main_menu">
<table>
<tr>
<td><a href="Rock&Metal - glavnaja.html"><div  class="glavnaja"></div></a> </td> 

<td><a href="Rock&Metal - novosti.html"> <img src="knopki\novosti1.png"> </a> </td> 

<td><a href="Rock&Metal - ispolniteli.html"> <img src="knopki\ispolniteli1.png"> </a> </td>

<td><a href="Rock&Metal - zhanri.html"> <img src="knopki\zhanri1.png"> </a> </td>

<td><a href="Rock&Metal - video.html"> <img src="knopki\video1.png"> </a> </td>

<td><a href="Rock&Metal - poleznoje.html"> <img src="knopki\poleznoje1.png"> </a> </td>

<td><a href="Rock&Metal - o nas.html"> <img src="knopki\o_nas1.png"> </a> </td>
</tr></table>
</div>

<div class="tekst">
<p align="center">Данный сайт создан для того что бы все, кому нравиться эта музыка, могли получить любую информацию о ней. Цель проекта – в конечном итоге сделать большой портал, где можно будет найти практически все что угодно, касающееся Рок и Метал музыки. Цели высокие и пока что до них предстоит проделать ещё очень не близкий путь, но в конечном итоге будем стараться, дабы они были достигнуты. Во всяком случае, будем изо всех сил к этому стремится.<br>
Ну а что касается всех кто посещает наш сайт, заходите сюда как можно чаще, рассказывайте о нём другим, словом отнеситесь с вниманием к нам, и в будущем к вашим услугам будет большой и яркий портал, и если в ваши интересы входит эта музыка, скорее всего это вас порадует и заинтересует!<br>
Будем стараться, что бы на портале были периодические обновления и часто появлялось что-то интересное, а оформление было приятным и удобным. В будущем обязательно вставим систему комментариев и форум, и сдезь вы сможете также и общаться и обсуждить всё что касается Рок и Метал музыки! <br>
Что могу сказать о самих нас. Команда состоит пока всего из двух человек. Это я, автор этого текста – Bajker и, Fox. Пока нас всего двое, но в ближайшем будущем к нам присоединятся ещё люди, и дело пойдёт гораздо быстрей. 
Спасибо что посещаете наш сайт! 
</p> </div>

<div class="sluchajnij_skrinshot">
<img src="zagolovki\slucahjnij_skrinshot.png"></div>
<div class="sluchajnij_skrinshot2">
<img width="320" height="310" src="skrinshoti\slipknot.jpg">
</div>

<div class="sluchajnoe_video">
<img src="zagolovki\sluchajnoje_video.png"></div>
<div class="sluchajnoe_video2">
<OBJECT width="310" height="310"><PARAM name="movie" value="http://video.rutube.ru/a8a94b35eb847d39457ed3e2a3691d68"></PARAM>
<PARAM name="wmode" value="window"></PARAM>
<PARAM name="allowFullScreen" value="true"></PARAM><EMBED src="http://video.rutube.ru/a8a94b35eb847d39457ed3e2a3691d68" type="application/x-shockwave-flash" wmode="window" width="310" height="310" allowFullScreen="true" ></EMBED>
</OBJECT>
</div>


</body>
</html>

.main_logo {
position:relative; top:0px; left:0px;
}

body { background: url('leather.jpg') repeat;
margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px;
width:1024px; height:2048px;
overflow:auto;
}

.border1 
{position:absolute; top:320px; left:0px; 
}

.main_menu 
{position:absolute; top:335px; left:350px; 
}


.glavnaja {background: url('knopki\glavnaja1.png')
}

.glavnaja-click {background: url('knopki\gglavnaja2.png')
}

.novosti {background: url('knopki\gnovosti1.png')
}

.novosti-click {background: url('knopki\gnovosti2.png')
}


.ispolniteli {background: url('knopki\gispolniteli1.png')
}

.ispolniteli-click {background: url('knopki\gispolniteli2.png')
}


.zhanri {background: url('knopki\gzhanri1.png')
}

.zhanri-click {background: url('knopki\gzhanri2.png')
}


.video {background: url('knopki\gzhanri1.png')
}

.video-click {background: url('knopki\gzhanri2.png')
}



.poleznoje {background: url('knopki\gpoleznoje1.png')
}

.poleznoje-click {background: url('knopki\gpoleznoje2.png')
} 


.o_nas {background: url('knopki\go_nas1.png')
}

.o_nas-click {background: url('knopki\go_nas2.png')
}


.border2 
{position:absolute; top:375px; left:0px; 
}

.sluchajnij_skrinshot 
{position:absolute; top:450px; left:10px
}
.sluchajnij_skrinshot2 {position:absolute; top:498px; left:9px
}


.sluchajnoe_video 
{position:absolute; top:450px; left:1000px; 
}
.sluchajnoe_video2 {position:absolute; top:500px; left:945px;}


.tekst  {position:absolute; top:500px; left:500px; background: white;
}

вот собственно весь код страгицы. То что после .
main_menu

{position:absolute; top:335px; left:350px; 
 }

до

.border2 
 {position:absolute; top:375px; left:0px; 
 }

это что-бы сделать кнопки через Active что-бы менялись при нажатии но это сделать невышло пока, не могу разобраться...

но с дивом вообще караул. обсалютно в тупике!

Пожалуйста, отформатируйте свой код!

Для этого его можно заключить в специальные теги: js/css/html и т.п., например:

[js]
... ваш код...
[/js]

О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting.

Здравствуй, Bajker!
Я создал из приведенного тобой кода html и css тестовую страничку, дак у меня приведенный тобою блок с текстом нормально отображается.
У него абсолютное позиционирование, попробуй ему добавить свойство z-index. Возможно, этот блок перекрывается какими-то другими блоками.

А вообще хорошо будет, если ты пришлешь полностью этот сайт, т.е. со всеми хтмл-ками, цсс-ками, изображениями и тд. А то на первый взгляд верстка выглядит немного непонятно.

Куда посылать то? Я ставил уже z-index. Нечего это не дало. Текст даже не перекрываеться. Он как будто бы не в диве а просто на странице...

Bajker,

что не так с этим дивом? вижу текст который перекрыт сверху флешом, что нужно сделать?

Если нащёт того что патом внизу текст и всё из за видео... та я уже менял местами положение дива. Ставил его свеху. не помогло

Bajker,

проблема в чём понять не могу?

У вас кусок кода который кроме текста и флеша ничего не показывает

Ну текст вообще не как не реагирует на то что он аходиться в диве. Я хочу разместить текст в нужном месте - отредактировать его и т.д. НО! текст совершенно на это не поддаёться. он словно не в диве...

Я выложил на предыдущей странице не кусок а весь код страницы

что не реагирует я его и двигаю и цвет меняю? напишите код на который ваш текст не реагирует.

Цитата:

Сообщение от Bajker

Я выложил на предыдущей странице не кусок а весь код страницы

я его и скопировал

.tekst  {position:absolute; top:1000px; left:500px; background: white;
}

<div class="tekst">
<p align="center">Данный сайт создан для того что бы все, кому нравиться эта музыка, могли получить любую информацию о ней. Цель проекта – в конечном итоге сделать большой портал, где можно будет найти практически все что угодно, касающееся Рок и Метал музыки. Цели высокие и пока что до них предстоит проделать ещё очень не близкий путь, но в конечном итоге будем стараться, дабы они были достигнуты. Во всяком случае, будем изо всех сил к этому стремится.<br>
Ну а что касается всех кто посещает наш сайт, заходите сюда как можно чаще, рассказывайте о нём другим, словом отнеситесь с вниманием к нам, и в будущем к вашим услугам будет большой и яркий портал, и если в ваши интересы входит эта музыка, скорее всего это вас порадует и заинтересует!<br>
Будем стараться, что бы на портале были периодические обновления и часто появлялось что-то интересное, а оформление было приятным и удобным. В будущем обязательно вставим систему комментариев и форум, и сдезь вы сможете также и общаться и обсуждить всё что касается Рок и Метал музыки! <br>
Что могу сказать о самих нас. Команда состоит пока всего из двух человек. Это я, автор этого текста – Bajker и, Fox. Пока нас всего двое, но в ближайшем будущем к нам присоединятся ещё люди, и дело пойдёт гораздо быстрей. 
Спасибо что посещаете наш сайт! 
</p> </div>

.tekst {position:absolute; top:1000px; left:500px; background: white;
}

http://clip2net.com/s/1m8BC

вот так стало

всё работает...

Что-бы я не задавал в .tekst {position:absolute; top:1000px; left:500px; background: white;
}
бестолку. Это может изза фона? Ну так дожен для контёнера текста появиться отдельный фон (фон всей страници тёмный)

Bajker,
я скинул в личку мыло прикрепите архив с сайтом я посмотрю

Что то с почтовыми ящиками. Пытаюсь отправить

Цитата:

Сообщение от Bajker

Что то с почтовыми ящиками. Пытаюсь отправить

может размер большой?

пустое письмо

дошло щас посмотрю

отлично. буду очень рпизнателен!

на ондой из страниц есть это блок с классом tekst что с ним нужно сделать сделать белым цветом и что ещё?

и подвинуть
примерно отступ от левого края где-то 500 пиксилей и сверху тоже. Ну примерно. Но я не могу точно сказать. там надо двигать и смотреть

фон для текста должен быть белым

Bajker,

ну вобещм понял щас мучу, я вместо белого фона сделал красный шрифт с эфектом

А белый фон не будет стоять там? Просто текст же на странице гдё тёмный фон смотреться разве будет! Мало того, текст не куда не двигаться, я хотел сделать что-бы удобно было читать текст.

И выходит через див для текста фон не поставить?

Цитата:

Сообщение от Bajker

сделаю несколько вариантов.

В чём же моя ошибка была?

булый фон голимо смотриться http://clip2net.com/s/1m9kN

Цитата:

Сообщение от Seva1986

В чём же моя ошибка была?

не знаю я просто не нашёл стилей для того блока взял и свои написал...

Через ЦСС делаеш? Если так, я походу с трёх соснах запутался.

.tekst {position:absolute; top:500px; left:500px; background: white;}

Вот стайл для него...

Для человеческого глаза чёный на белом ведь воспринимаеться хорошо. Ну можно серый ещё...

вобщем я вот добавил в фаил Rock&Metal - glavnaja.css

/*Мои стили*/

.tekst {
position:absolute;
top:435px;
left:340px;
width:600px;
color:#fff;
text-shadow:-2px -2px 2px #f00,-4px -4px 2px #0f0,-6px -6px 2px #00f;
}

Дизайнер с меня не супер конечно если что удалишь эти тени все...

Цитата:

Сообщение от Bajker

В чём же моя ошибка была?

Ошибка скоре всго в том что куча css фаилов и случано писал стили не втот который подключин...