Здравствуйте!
Проблема: в приведенном коде браузеры(IE8, FF, Opera, Google Chome) читают параметры только трех слоев, написанных первыми (здесь: .content, .Iayer4, .Iayer5, ). Если их в коде поменять местами, то читаются параметры трех первых, а параметры остальных игнорируют. Подозреваю, что не так написано. Подскажите, пожалуйста, как заставить читать все?
Проблема: в приведенном коде браузеры(IE8, FF, Opera, Google Chome) читают параметры только трех слоев, написанных первыми (здесь: .content, .Iayer4, .Iayer5, ). Если их в коде поменять местами, то читаются параметры трех первых, а параметры остальных игнорируют. Подозреваю, что не так написано. Подскажите, пожалуйста, как заставить читать все?
HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>выбор </title>
<link href="styles.css" rel="stylesheet" type="text/css">
<style type="text/css">
<body{
background-image: url();
background-color: #f8ecde;
}
.content
{
position: relative; left: 40%;
top: 0;
}
.layer5
{
position: absolute; top: 30%; left: 50%; height: 70%; width:50%; visibility: visible; z-index: 2;
}
.layer4
{
position: absolute; height:70%; width:50%; left: 0%; top: 30%;
text-align:right; visibility: visible; z-index: 3;
}
.layer1
{
position: absolune height: 15%; width: 100%; left: 0%; top: 0%; visibility: visible; z-index: 6;
}
.layer2
{
position: absolute ; height: 5%; width: 50% left: 25% top: 20% visibility: visible; z-index: 5;
}
.layer3
{
position: absolute; height: 40%; width: 14%; left: 2%; top: 30%;visibility: visible; z-index: 4;
}
>
</style></head>
<body>
<div class="layer1">
<img src="zagolovok 2.jpg" alt="класс 1-5" width="100%"
</div>
<div class="layer2">
<div class="content">
<img src="vibor 2.gif" alt="выберите задание" width="100%">
</div>
</div>
<div class="layer3">
<img src="menu 2.gif" alt="меню2" border="0" width="100%" >
</div>
<div class="layer4">
<table align="right">
<tr>
<td > <a href="klass 1-5sol.html"><img src="bloknot1posledni_01.jpg"align="right" alt="сольфеджио"> </a>
</td>
</tr>
<tr>
<td height="10%" width="100%" ><img src="bloknot1posledni_03.jpg"align="right" alt="класс 1-5"></td>
</tr>
<tr>
<td height="10%" width="100%"><img src="bloknot1posledni_05.jpg "align="right" alt="класс 2-5"></td>
</tr>
<tr>
<td height="11%" width="100%"><img src="bloknot1posledni_07.jpg"align="right" alt="класс 2-7"></td>
</tr>
<tr>
<td height="26%" width="26%"><img src="bloknot1posledni_09.jpg"align="right" alt="класс 4-7"></td>
</tr>
<tr>
<td height="1%" width="100%">  </td>
</tr>
</table>
</div>
<div class="layer5">
<table align="left" valign="top" >
<tr>
<td height="28%" width="100%"> <img src="bloknot1posledni_02.jpg" alt="музлитЭ"></td>
</tr>
<tr>
<td height="10%" width="100%"> <img src="bloknot1posledni_04.jpg" alt="класс 1-5"></td>
</tr>
<tr>
<td height="10%" width="100%"><img src="blok1_06.jpg" alt="класс 2-5"></td>
</tr>
<tr>
<td height="10%" width="100%"><img src="bloknot1posledni_08.jpg" alt="класс 2-7"></td>
</tr>
<tr>
<td height="41%" width="100%"><img src="bloknot1posledni_10.jpg" alt="класс 4-7"></td>
</tr>
<tr>
<td height="1%" width="100%"> </td>
</tr>
</table>
</div>
</html>