1- код
a<!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" dir="ltr" lang="ru-RU-lite">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title> =)</title>
<!--<link rel="stylesheet" href="style.css" />-->
<style type="text/css">
*{margin:0;padding:0;}
html, body{
width:100%;
height:100%;
}
#table{
width:700px;
margin:0 auto;
}
.as {
width: 45%;
margin: 5px;
padding: 5px;
border:1px solid #333;
position:relative;
height:100px;
vertical-align: top;
display:-moz-inline-stack;
display:inline-block;
_overflow:hidden;
zoom:1;
*display:inline;
}
.as img{
position:absolute;
left:5px;
top:5px;
width:80px;
height:94px;
}
.as div.text{
font-size:11px;
margin-left:85px;
}
</style>
</head>
<body>
<div id="table">
<ul>
<li class="as">
<img src="http://i.beeset.ru/userfiles/tools/100/379/xkjthjio.jpg" alt="" />
<div class="text">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
</div>
</li>
<li class="as">
<img src="http://i.beeset.ru/userfiles/tools/100/379/xkjthjio.jpg" alt="" />
<div class="text">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
</div>
</li>
<li class="as">
<img src="http://i.beeset.ru/userfiles/tools/100/379/xkjthjio.jpg" alt="" />
<div class="text">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
</div>
</li>
<li class="as">
<img src="http://i.beeset.ru/userfiles/tools/100/379/xkjthjio.jpg" alt="" />
<div class="text">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
</div>
</li>
</ul>
</div>
</body>
</html>
-этот код если запустить как index.html будет как 3 прямоугольника в которых есть картинка и текст.Смотрим 2 код:2-код
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
<Html>
<script Language="JavaScript" Type="text/JavaScript">
function hideObject()
{
document.getElementById('AAA').style.display='none';
}
function showObject()
{
document.getElementById('AAA').style.display='block';
}
</Script>
<Body>
<A onclick="hideObject()">Закрыть</a>
<A onclick="showObject()">Открыть</a><br>
<Div Style="top: 38px; left: 10px; width: 240px; background-color: azure;">
TEXT 1<br><br><br>
</Div>
<Div ID="AAA" Style="display:none;position:absolute;top: 100px; left: 10px; width: 240px; height:160px; background-color: pink;">
>TEXT 2<br><br><br></Div>
<Font Size=”33”>
**************<br>
**************<br>
**************<br>
**************<br>
**************<br>
**************<br>
</Font>
</Body>
<!------ BEGIN CONSOLE CODE ------->
<script language=Javascript>
<!-- var exit=true;
function exitcnsl()
{if (exit)
open("http://www.имясайта.com/имястраницы.html",
"new_window","toolbar=0,location=0,status=0,
menubar=0,scrollbars=0,resizable=0, width=800,height=600,top=0,left=0");}//-->
</SCRIPT>
<!------ END CONSOLE CODE ------->
-это код слоев,короче,запускайте и смотритевот вам эти два кода,а что с ними делать?-надо сделать так,что бы код№2 был вставлен в код №1 так что бы фиолетовый прямоугольник кода№2 (моно посмотреть)не уходил во внуторь а открывался над эти прямоугольником и кода№1.Кто что не понял-обращайтесь!Заранее Спасисбо
-не забудьте