z-index не работает.

[Dr.AvataROCK]

Попробую описать всё объективно.

Делаю школьный сайт(попросила одна знакомая учительница)

В общем с html когдато разбирался полностью, но вот до css очередь тогда так и не дошла, сейчас вот начал учить.

Вроде бы всё просто, но почему-то нихрена не получаеться

web page maker делает такой код:

<div id="image1" style="position: relative; overflow:auto; left:0px; top:0px; width:798px; height:858px; z-index:0"><img src="images/back(css).jpg" alt="" 

border=0 width=798 height=6></div>

<div id="image2" style="position:absolute; overflow:hidden; left:0px; top:12px; width:771px; height:242px; z-index:1"><img src="images/Шапка.png" alt="" 

border=0 width=771 height=242></div>

и индекс нормально работает.

Но когда задаю это в параметре background то ничего не получаеться. А задаю в бекграунде потому что мне нужно чтобы высота была 858пикс. и добавлялса параметр background-repeat: repeat-y;

Помогите просто непойму в чём дело.

[Быколай]

Попробую описать всё объективно.

Делаю школьный сайт(попросила одна знакомая учительница)

В общем с html когдато разбирался полностью, но вот до css очередь тогда так и не дошла, сейчас вот начал учить.

Вроде бы всё просто, но почему-то нихрена не получаеться

web page maker делает такой код:

<div id="image1" style="position: relative; overflow:auto; left:0px; top:0px; width:798px; height:858px; z-index:0"><img src="images/back(css).jpg" alt="" 

border=0 width=798 height=6></div>

<div id="image2" style="position:absolute; overflow:hidden; left:0px; top:12px; width:771px; height:242px; z-index:1"><img src="images/Шапка.png" alt="" 

border=0 width=771 height=242></div>

и индекс нормально работает.

Но когда задаю это в параметре background то ничего не получаеться. А задаю в бекграунде потому что мне нужно чтобы высота была 858пикс. и добавлялса параметр background-repeat: repeat-y;

Помогите просто непойму в чём дело.

А вы не пользуйтесь web page maker и всё у вас получится)))

Тот код что вы выложили работает как и должен: огромная Шапка и за ней узенкий бэк(ксс).

[Dr.AvataROCK]

Я не за то говорю.

Я всё пишу ручками В Rapid CSS 2010.

Просто ничего не получаеться не накладываеться сверху изображение шапки.

Мне нужно что как раз тот узенький бек(ксс) повторялся до самого конца страницы.

Edited November 5, 2009 by Dr.AvataROCK

[Dr.AvataROCK]

Пожалуйста обьясните что здесь не так:

.bodyy{
  background-color: #FFCC66
}


.body1{
  z-index: 0;
  background: url(C:/Documents and Settings/Администратор/Рабочий стол/сайт/back(css).jpg);
  background-repeat: repeat-y;
  z-index: 0;
  height: 858px;
  background-position: center;
}
.shapka{
  z-index: 1;
  background-image:url(сайт/Шапка/Шапка.png);

}

[Justnewone]

индекс без позишн

[Searcher]

Да, еще вы с именами файлов намучаетесь, когда выложите на хостинг... Называйте только латиницей и прописывайте относительные пути.

[Dr.AvataROCK]

Поподробней пожалуйста ребята.

[Justnewone]

Поподробней пожалуйста ребята.

А подробней у гугла.

[Dr.AvataROCK]

Я сюда и пришёл за помощью чтобы мне обьяснили, до меня не доходит сколько не читал или пришли ссылку которую надо прочитать.

Либо скажите мне как тут добавить "размножение" по оси y

Куда добавить repeat ?

#back1 {
	position: absolute;
	left: 100px;
	top: 100px;
	z-index: 1;
}
#back2 {
	position: absolute;
	left: 115px;
	top: 115px;
	z-index: 2;
}
<div id="back1">

<img src="img" alt="1" width="70" height="96">
</div>

<div id="back2">
<img src="img2" alt="2" width="70" height="96">
</div>

Код набрасывал так ничего не делая так что посуществу прощу ответить.

Edited November 6, 2009 by Dr.AvataROCK

[Игорь Ермаков]

Да тут всё просто

Задайте размеры блокам И картинку фоном.

Вот вам ссылки:

http://htmlbook.ru/css/width.html

http://htmlbook.ru/css/height.html

http://htmlbook.ru/css/background.html

И погуглите на абсолютные и относительные урлы, чтобы в дальнейшем вот таких вот казусов не было.

C:/Documents and Settings/Администратор/Рабочий стол/сайт/back(css).jpg

Вот вам ещё пример наложения слоёв, захотите разберётесь, всё, что непонятно на http://htmlbook.ru/ прочтёте.

<!DOCTYPE html PUBLIC  "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Наложение слоёв</title>
<style type="text/css">
*{margin:0px;padding:0px}
.layer{background:#ccc;
width:250px;height:250px;
z-index:1}
.layer1{background:#666;
width:250px;height:250px;
position:absolute;top:125px;left:125px;
z-index:2}
</style>
</head>
<body>
<div class="layer"></div>
<div class="layer1"></div>
</body>
</html>

[Dr.AvataROCK]

Спасибо получилось, но почемуто появились отступы(где 5 пикс)сверху и снизу и мне надо от этого избавиться.

Вот код:

<html>
<body bgcolor="cc873e" bgproperties="fixed">
<style type="text/css">
{
 margin-top: 0px;
 margin-bottom: 0px;
}
#back1 {
	position: absolute;
	margin-top: 0px;
	margin-bottom: 0px;
	z-index: 1;
}
#back2 {
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 2;
}
div#container
{
	position: relative;
	width: 798px;

			  margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	text-align: left; 
}
div#box
{		   

}
</style>
<body>
<div id="container">

<div id="back1" style="top: 0px;">

<img src="file:///C:\Documents and Settings\Администратор\Рабочий стол\сайт\back(css).jpg" alt="1" width="798" height="858">
</div>
</div>


<div id="box">

<div id="back2" style="left:245px; top:12px; right: 70px; width:771px; height:242px;">
<img src="file:///C:\Documents and Settings\Администратор\Рабочий стол\сайт\Шапка\Шапка.png" alt="2" width="771" height="242">
</div>

</div>



</body>

</html>

[Searcher]

ну у вас и бардак!

вы хоть структуру знаете html? нет, не знаете!

доктайп где? где head? почему body после html какое-то вылезло?

почитайте-ка, поучите-ка основы html и прочего

потом приходите.

[s0rr0w]

Автору топика следует подучить матчасть, прежде чем соваться на форум.

[Dr.AvataROCK]

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

Как сделать чтобы картинка отступа слева от другой картинки тоесть не от края дисплея а от картинки ?

[psywalker]

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

Как сделать чтобы картинка отступа слева от другой картинки тоесть не от края дисплея а от картинки ?

А у нас по твойму времени на тебя до хрена?

Автору бан на 2 дня, всё, закрыл топик

[Игорь Ермаков]

*{margin:0;padding:0}

P.S отмазки про нехватку времени - это для неудачников

Автору бан на 2 дня, всё, закрыл топик

Да и ещё я от себя на день бан влеплю

[Dr.AvataROCK]

Ребят можно без флуда ?

Я вас как людей о помощи прошу,а вы...

И зы

А у нас по твойму времени на тебя до хрена?

Я тебя отвечать не просил у кого есть время те ответят

А у меня ещё 2 недели на то чтобы полностью разобраться и доделать сайт

Раз ты так считаешь, что я неудачник считай мне это до одного места.

Но когда у тебя будет подобная ситуация жди на такие же ответы мир та ведь круглый все вёрнётся когда нибудь.

Я думал тут понимающие люди и причём меня сюда один знакомый прислал за помощью и зря я сюда наверное пришёл с таким отношением как можно ждать пользователей на форуме ?

Просто кошмар нет даже малейшего уважения и понимания.

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

[gesandte]

Прежде чем делать сайты, непомешало бы для начала выучить хотя бы основы, а то пальцы веерам, а в голове черная дыра

[Dr.AvataROCK]

И каждый хочет вставить свой нос нет бы по существу сказать!

Основы я выучил поверь нечего из себя умника делать!

Я поэтому сюда и пришёл учитсья дальше, но с помощником !

[mishka]

могли бы и помочь человеку.

Если ктото незнает html/css то это незначит что в голове черная дыра.

Если нет времени ответить - неотвечай!

ТС можешь ко мне в аську постучатся если хочешь.

ТС вследующий раз создавай топик в "Для начинающих"

[psywalker]

Dr.AvataROCK

Поверь мне друг, я например всегда помочь рад, но только если вижу, что человек действительно хочет познать, пытается чтото сделать и не врёт, как ты..прости

mishka2

Медведь, а тебе я хочу посоветовать, что нехрена у себя в аське лентяев плодить, время своё цени лучше

[Игорь Ермаков]

mishka2, тот кто не знает HTML/CSS тому здесь нечего делать, у нас тут тематический форум, а не благотворительная конторка типа, сделаем за вас вашу работу. Конечно можно такую открыть, если финансирование будет.

Я тебя отвечать не просил у кого есть время те ответят

А у меня ещё 2 недели на то чтобы полностью разобраться и доделать сайт

Раз ты так считаешь, что я неудачник считай мне это до одного места.

Но когда у тебя будет подобная ситуация жди на такие же ответы мир та ведь круглый все вёрнётся когда нибудь.

Я думал тут понимающие люди и причём меня сюда один знакомый прислал за помощью и зря я сюда наверное пришёл с таким отношением как можно ждать пользователей на форуме ?

Просто кошмар нет даже малейшего уважения и понимания.

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

Как трогательно, надо поплакать, где мой платок...

[Dr.AvataROCK]

psywalker считай как хочешь мне до сраки, надоел уже.

Не веришь не надо! Но и тему обходи стороной, а то что ты делаешь называеться оффтопом.

Прошу оставляй своё мнение при себе какого чёрта писать ?

Вот мишка нормальный человек согласился помочь и уже я выснил всё что надо, а вы 2 дня ломались заместо того чтобы подсказать новичку.

И если соображалка не в ту сторону работает нечего вообще с кем либо разговаривать.

ЗЫ я не просил писать за меня чего либо, а обьяснить.

А лентяи это вы!

Но всё спасибо единственному человеку.

Тему прошу CLOSED

Дабы не разводить дальше флуд!

Edited November 6, 2009 by Dr.AvataROCK

[gesandte]

Ага, иди уроки учи