html
- Kód: Vybrat vše
<td>
<div id="navcontainer1">
<ul id="navlist1">
<li class="uroven1">První
<ul class="uroven2">
<li class="uroven2">qwert</li>
<li class="uroven2">asdfg</li>
<li class="uroven2">yxcvb</li>
<li class="uroven2">poiuz</li>
<li class="uroven2">lkjhg</li>
<li class="uroven2">mnbvc</li>
</ul>
</li>
</ul>
</div>
</td>
css
- Kód: Vybrat vše
td {
z-index: 1;
}
ul, li {
list-style: none;
border: 0px none;
margin: 0px;
padding: 0px;
}
li {
text-align: left;
background-color: #ffffff;
}
#navcontainer1 {
margin: 0px;
padding: 0px;
z-index: 1;
}
li.uroven1 {
position: relative;
padding-top: 10px;
z-index: 1;
}
ul li.uroven1 ul {
background-color: #ffffff;
position: absolute;
left: 25px;
top: 0px;
visibility: hidden;
}
ul li.uroven1:hover ul {
visibility: visible;
border: 1px solid #0000ff;
}
li.uroven2 {
padding-left: 4px;
padding-right: 4px;
padding-top: 2px;
padding-bottom: 2px;
float: left;
z-index: 200;
}
poradí mi někdo, jak to umravnit, aby to vysunuté menu bylo vždy navrchu. Předem děkuji,