Jump to content
  • 0

Не понятки со слоями

slavok47

Asked by slavok47,

 Share

Question

slavok47 Explorer

slavok47

Posted
Posted 

<style type="text/css">
  #test1 {
	margin: 1em auto;   
	z-index: -1;
	width: 1020px;
	height: 240px;
  }

</style>

<table border="0" width="100%" cellpadding="0" cellspacing="0" align="center">
<td align="center" valign="top" style="background:#FF0000">
<div id="test" align="center" style="background:#000000 no-repeat; width:1024px; height:254px">
<div id="test1">Если изображения не видно, обновите страницу браузера</div> </div>
</td>
</tr>
</table>

задача сделать 

<td align="center" valign="top" style="background:#FF0000">

самым нижним слоем, потом id="test1" и самый верхний id="test"

Что только не пробовал фон таблицы лезет между дивами, перечитал несколько раз про z-index, но что то не получается

Link to comment
Share on other sites

14 answers to this question

Recommended Posts

  • 0
psywalker Explorer

psywalker

Posted
Posted

А ты поменяй местами идентификаторы

<div id="test1" align="center" style="background:#000000 no-repeat; width:1024px; height:254px">

<div id="test">Если изображения не видно, обновите страницу браузера</div> </div>

Link to comment
Share on other sites
  • 0
slavok47 Explorer

slavok47

Posted
  • Author
Posted
А ты поменяй местами идентификаторы

<div id="test1" align="center" style="background:#000000 no-repeat; width:1024px; height:254px">

<div id="test">Если изображения не видно, обновите страницу браузера</div> </div>

А смысл? ну поменяются дивы местами, а фон из <td> все равно будет между ними

задача ведь

самый нижний фон <td>, на нем <div id="test">Если изображения не видно, обновите страницу браузера</div> и самый верхний <div id="test1" align="center" style="background:#000000 no-repeat; width:1024px; height:254px">

Link to comment
Share on other sites
  • 0
psywalker Explorer

psywalker

Posted
Posted
А смысл? ну поменяются дивы местами, а фон из <td> все равно будет между ними

задача ведь

самый нижний фон <td>, на нем <div id="test">Если изображения не видно, обновите страницу браузера</div> и самый верхний <div id="test1" align="center" style="background:#000000 no-repeat; width:1024px; height:254px">

Покажи мне скрин, где будут изображены слои с пометками и в точности так, как тебе нужно.

Link to comment
Share on other sites
  • 0
slavok47 Explorer

slavok47

Posted
  • Author
Posted (edited)

лучше на примере

http://nf-ussr.ru/forum/test.php

в данном случае код выглядит так

<style type="text/css">
  #test1 {
	margin: 1em auto;
	z-index: -1;   
	width: 1020px;
	height: 240px;
  }
</style>

<table border="0" width="100%" cellpadding="0" cellspacing="0" align="center">
<td align="center" valign="top" style="background:url($stylevar[imgdir_misc]/1.jpg)">
<div align='center' style='background:url(http://nf-ussr.ru/forum/files/logocopy.gif) no-repeat; width:1024px; height:254px'>
<div id='test1'>Если изображения не видно, обновите страницу браузера</div> </div>
</td>
</tr>
</table>

слой <div id='test1'>Если изображения не видно, обновите страницу браузера</div> находится под лентой

Edited by slavok47
Link to comment
Share on other sites
  • 0
psywalker Explorer

psywalker

Posted
Posted

Да мне просто непонятна ситуация, вроде бы ничего сложного нет, вот например такой код.

<!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: 0; padding: 0;}

	table { border-collapse: collapse;}
		td { background: red; padding: 20px;}
			div.test1 { background: black; padding: 20px;}
			div.test2 { background: blue; }
</style>
</head>

<body>
	<table>
		<tr>
			<td>
				<div class="test1">
					<div class="test2">TEST2</div>
				</div>
			</td>
		</tr>
	</table>
</body>
</html>

Link to comment
Share on other sites
  • 0
slavok47 Explorer

slavok47

Posted
  • Author
Posted

psywalker, да все то правильно, вот сейчас видно что слои расположены правильно, но если диву с class="test2 задать ID, он становится выше всех, скрипт что то делает с позиционированием что ли

Link to comment
Share on other sites
  • 0
psywalker Explorer

psywalker

Posted
Posted
psywalker, да все то правильно, вот сейчас видно что слои расположены правильно, но если диву с class="test2 задать ID, он становится выше всех, скрипт что то делает с позиционированием что ли

Тогда я тут не вкурсе, скрипты я не знаю.

Link to comment
Share on other sites
  • 0
psywalker Explorer

psywalker

Posted
Posted
а вот если этому диву указать z-index: -1; то он уходит в самый низ

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

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
 Share
Go to question listing
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept