Добрый день. Подскажите где косяк:
http://jsfiddle.net/nFJ98/5/
| HTML5 |
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
| <div id="top_menu">
<ul>
<li id="top_el1"><a href="#">1</a>
<ul>
<li><a href="#">1</a></li>
</ul>
</li>
<li id="top_el2"><a href="#">1</a>
<ul>
<li><a href="#">1</a></li>
<li><a href="#">1</a></li>
<li><a href="#">1</a></li>
<li><a href="#">1</a></li>
<li><a href="#">1</a></li>
<li><a href="#">1</a></li>
</ul>
</li>
<li id="top_el3"><a href="#">1</a>
</li>
<li id="top_el4"><a href="#">1</a>
<ul>
<li><a href="#">1</a></li>
<li><a href="#">1</a></li>
<li><a href="#">1</a></li>
<li><a href="#">1</a></li>
<li><a href="#">1</a></li>
</ul>
</li>
</ul>
</div> |
|
| CSS |
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
| #top_menu ul{
margin:0;
padding:0;
list-style:none;
text-transform:uppercase;
font:14px Verdana, Geneva, sans-serif bold ;z-index:10;
}
#top_menu ul li {
float:left;
display:block;
width:170px;
margin:18px -133px 0 149px;
text-align:center;
}
#top_menu ul li a {
display:block;
width:170px;
padding-top:1px;
height:24px;
}
#top_menu #top_el3{margin:18px -132px 0 211px;}
#top_menu ul li a:hover {
box-shadow: 0 0 5px 6px #F6D82A;
-moz-box-shadow: 0 0 5px 6px #F6D82A;
-webkit-box-shadow: 0 0 5px 6px #F6D82A;
border-radius: 3px; /* свойство для тех кто его поддерживает */
-moz-border-radius: 3px; /* для firefox */
-webkit-border-radius: 3px; /* для Safari и Chrome */
}
#top_menu ul li ul li a{
width:170px;
color:black;
}
#top_menu ul li ul li {margin:0; height:30px;}
#top_menu ul li ul{
background-color:#FF0;
border:2px solid black;
width:165px;
} |
|
#top_menu ul li ul не реагирует на высоту вложенных элементов li и остается "полосочкой бордера черного цвета" поджатой под родительский li. Если задать ему высоту то он вытягивается вниз как и должно быть, но почему он не реагирует на высоту вложенных?
|
Комментарий модератора |
 |
Правила форума пункт 5.19
Запрещено размещать ссылки на коды программ, расположенные на других сайтах. Коды программ должны размещаться на форуме. |
|
(
