Vysouvací okno pomocí Javascriptu
Dobrý den,
pomocí javascriptu jsem udělal vysouvací okno, bohužel to je zakrýváno tabulkou pod ním. Potřebuju poradit jak udělat, aby okno bylo nad tabulkou.
Předem díky!
Zde kód:
.menu {color: #ffffff; padding: 0; margin: 0; list-style-type: none; display:block}
.menu ul {margin-top: 0px; position: absolute; visibility: hidden; background-color: #A72135; margin: 0; padding: 0; list-style-type: none;}
.menu li {float: left; padding: 0px 0px 0 0px; width: 154px; white-space: nowrap;}
.menu a {padding: 0px; text-align: left; padding-left: 10px; color: #fff; background-color: #FF0000; display: block; text-decoration: none; font-weight: bold;}
.menu ul a:link {color: #fff; border-bottom: none; padding-left: 10px; _padding-left: 14px;}
.menu ul a:visited {color: #fff; border-bottom: none; padding-left: 10px; _padding-left: 14px;}
.menu ul a:hover {color: #4f4f4f; background-color: rgb(233,233,233);}
.menu li:hover ul, ul.menu li.hover ul { visibility: visible;}
.menu li li {float: none; border: none; padding: 0; margin: 2;}
Skús nastaviť pre .menu ul { z-index: 999; }
Ak by si to menu umiestnil až na koniec stránky, tak ani z-index nepotrebuješ.