Цитата(0Scrum @ 13.6.2011, 15:30  ) | | Покажите проблемный участок. |
проблемный 
| Код |
#nav, #nav ul {
padding: 0;
margin: 0;
list-style: none;
float : left;
width : 11em;
}
#nav li {
position : relative;
float : left;
line-height : 1.25em;
margin-bottom : -1px;
width: 11em;
}
#nav li ul {
position : absolute;
left: -999em;
margin-left : 11.05em;
margin-top : -1.35em;
/*overflow-y: auto;
max-height:200px;*/
}
#nav li ul ul {
left: -999em;
/*overflow-y: auto;
max-height:200px;*/
}
#nav li a {
width: 10em;
display : block;
color : black;
font-weight : bold;
text-decoration : none;
background-color : white;
border : 1px solid black;
padding : 0 0.5em;
}
#nav li a:hover {
color : white;
background-color : black;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
left: -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
left: auto;
}
|
| Код |
<ul id="nav">
<li><a href="#">Percoidei</a>
<ul>
<li><a href="#">Tigerfishes</a>
<ul>
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#">5</a></li>
<li><a href="#">6</a></li>
<li><a href="#">7</a></li>
<li><a href="#">8</a></li>
<li><a href="#">9</a></li>
<li><a href="#">10</a></li>
<li><a href="#">11</a></li>
<li><a href="#">12</a></li>
<li><a href="#">13</a></li>
<li><a href="#">14</a></li>
<li><a href="#">15</a></li>
<li><a href="#">16</a></li>
<li><a href="#">17</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#">Anabantoidei</a></li>
</ul>
|
вот меню с которым играюсь. за комментированные стили - это то что я пробовал |
