L
LazyBoy
Возможно, покажусь совсем тупым, но все-таки помогите с еще одним. код, с которым мне помог 1ive я переделал под свой сайт. Но каждая следующая пара разделов пишется под предыдущей. почему???
<!--shcode--><pre><code class='html'><html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<LINK href="images/logo_mini.jpg" type=ico rel=icon>
<style>
.menu{
font-family:arial, sans-serif;
width:212px;
height:100px;
position:relative;
font-size:11px;
z-index:100
}
.menu ul li a, .menu ul li a:visited{
display:block;
text-decoration:none;
color:#000;
width:104px;
height:20px;
text-align:center;
color:#000000;
border:0px solid #000000;
background:none;
line-height:20px;
font-size:11px;
overflow:hidden
}
.menu ul{
padding:0;
margin:0;
list-style:none
}
.menu ul li{
float:left;
position:relative}
.menu ul li ul{
display:none
}
.menu ul li:hover a{
color:#000000;
background:none
}
.menu ul li:hover ul{
display:block;
position:absolute;
top:20px;
left:0;
width:105px
}
.menu ul li:hover ul li a{
display:block;
background:#797950;
color:#000
}
.menu ul li:hover ul li a:hover{
background:#cccccc;
color:#000000
}
</style>
</head>
<body>
<div class="menu">
<ul>
<li><a class="hide" href="">Раздел 1</a>
<ul>
<li><a href="" title="">Страница 1</a></li>
<li><a href="" title="">Страница 1.1</a></li>
<li><a href="" title="">Страница 1.2</a></li>
</ul>
</li>
<li><a class="hide" href="">Раздел 2</a>
<ul>
<li><a href="" title="">Страница 2</a></li>
<li><a href="" title="">Страница 2.1</a></li>
<li><a href="" title="">Страница 2.2</a></li>
<li><a href="" title="">Страница 2.3</a></li>
<li><a href="" title="">Страница 2.4</a></li>
<li><a href="" title="">Страница 2.5</a></li>
</ul>
</li>
<li><a class="hide" href="">Раздел 3</a>
<ul>
<li><a href="" title="">Страница 3</a></li>
<li><a href="" title="">Страница 3.1</a></li>
<li><a href="" title="">Страница 3.2</a></li>
</ul>
</li>
<li><a class="hide" href="">Раздел 4</a>
<ul>
<li><a href="" title="">Страница 4</a></li>
<li><a href="" title="">Страница 4.1</a></li>
<li><a href="" title="">Страница 4.2</a></li>
<li><a href="" title="">Страница 4.3</a></li>
<li><a href="" title="">Страница 4.4</a></li>
<li><a href="" title="">Страница 4.5</a></li>
</ul>
</li>
<li><a class="hide" href="">Раздел 5</a>
<ul>
<li><a href="" title="">Страница 5</a></li>
<li><a href="" title="">Страница 5.1</a></li>
<li><a href="" title="">Страница 5.2</a></li>
</ul>
</li>
<li><a class="hide" href="">Раздел 6</a>
<ul>
<li><a href="" title="">Страница 6</a></li>
<li><a href="" title="">Страница 6.1</a></li>
<li><a href="" title="">Страница 6.2</a></li>
<li><a href="" title="">Страница 6.3</a></li>
<li><a href="" title="">Страница 6.4</a></li>
<li><a href="" title="">Страница 6.5</a></li>
</ul>
</li>
</ul>
</div>
</body>
</html>[/CODE]
<!--shcode--><pre><code class='html'><html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<LINK href="images/logo_mini.jpg" type=ico rel=icon>
<style>
.menu{
font-family:arial, sans-serif;
width:212px;
height:100px;
position:relative;
font-size:11px;
z-index:100
}
.menu ul li a, .menu ul li a:visited{
display:block;
text-decoration:none;
color:#000;
width:104px;
height:20px;
text-align:center;
color:#000000;
border:0px solid #000000;
background:none;
line-height:20px;
font-size:11px;
overflow:hidden
}
.menu ul{
padding:0;
margin:0;
list-style:none
}
.menu ul li{
float:left;
position:relative}
.menu ul li ul{
display:none
}
.menu ul li:hover a{
color:#000000;
background:none
}
.menu ul li:hover ul{
display:block;
position:absolute;
top:20px;
left:0;
width:105px
}
.menu ul li:hover ul li a{
display:block;
background:#797950;
color:#000
}
.menu ul li:hover ul li a:hover{
background:#cccccc;
color:#000000
}
</style>
</head>
<body>
<div class="menu">
<ul>
<li><a class="hide" href="">Раздел 1</a>
<ul>
<li><a href="" title="">Страница 1</a></li>
<li><a href="" title="">Страница 1.1</a></li>
<li><a href="" title="">Страница 1.2</a></li>
</ul>
</li>
<li><a class="hide" href="">Раздел 2</a>
<ul>
<li><a href="" title="">Страница 2</a></li>
<li><a href="" title="">Страница 2.1</a></li>
<li><a href="" title="">Страница 2.2</a></li>
<li><a href="" title="">Страница 2.3</a></li>
<li><a href="" title="">Страница 2.4</a></li>
<li><a href="" title="">Страница 2.5</a></li>
</ul>
</li>
<li><a class="hide" href="">Раздел 3</a>
<ul>
<li><a href="" title="">Страница 3</a></li>
<li><a href="" title="">Страница 3.1</a></li>
<li><a href="" title="">Страница 3.2</a></li>
</ul>
</li>
<li><a class="hide" href="">Раздел 4</a>
<ul>
<li><a href="" title="">Страница 4</a></li>
<li><a href="" title="">Страница 4.1</a></li>
<li><a href="" title="">Страница 4.2</a></li>
<li><a href="" title="">Страница 4.3</a></li>
<li><a href="" title="">Страница 4.4</a></li>
<li><a href="" title="">Страница 4.5</a></li>
</ul>
</li>
<li><a class="hide" href="">Раздел 5</a>
<ul>
<li><a href="" title="">Страница 5</a></li>
<li><a href="" title="">Страница 5.1</a></li>
<li><a href="" title="">Страница 5.2</a></li>
</ul>
</li>
<li><a class="hide" href="">Раздел 6</a>
<ul>
<li><a href="" title="">Страница 6</a></li>
<li><a href="" title="">Страница 6.1</a></li>
<li><a href="" title="">Страница 6.2</a></li>
<li><a href="" title="">Страница 6.3</a></li>
<li><a href="" title="">Страница 6.4</a></li>
<li><a href="" title="">Страница 6.5</a></li>
</ul>
</li>
</ul>
</div>
</body>
</html>[/CODE]