|
Текст не загружаеться в контейнер
Собсвтенно Не могу добавить текста на страницу. Контейнер <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, без нормального примера не понять почему твой див тебя не слушается... :) |
<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,
что не так с этим дивом? вижу текст который перекрыт сверху флешом, что нужно сделать? |
Если нащёт того что патом внизу текст и всё из за видео... та я уже менял местами положение дива. Ставил его свеху. не помогло
|
| Часовой пояс GMT +3, время: 20:30. |
|