Форум

Bajker · #1 (**permalink**) 28.11.2011, 00:04

Собсвтенно Не могу добавить текста на страницу. Контейнер <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;
}

ksa · #2 (**permalink**) 28.11.2011, 09:31

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

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

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

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

Bajker · #3 (**permalink**) 28.11.2011, 16:36

<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>

Bajker · #4 (**permalink**) 28.11.2011, 16:37

.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;
}

Bajker · #5 (**permalink**) 28.11.2011, 16:40

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

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

до

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

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

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

B~Vladi · #6 (**permalink**) 28.11.2011, 18:51

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

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

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

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

CatVas · #7 (**permalink**) 28.11.2011, 21:13

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

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

Bajker · #8 (**permalink**) 28.11.2011, 23:27

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

Seva1986 · #9 (**permalink**) 29.11.2011, 00:07

Bajker,

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

Bajker · #10 (**permalink**) 29.11.2011, 00:22

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

Форум

Справочник

Discord чат

Курсы javascript