Robím drop down menu, všetko je v poriadku, ale posledné 2 časti v CSS sa mi nejako bijú a nechcú spolupracovať. Prikladám kód:
style type="text/css">
#menu {
width: 960px;
background: #FCFF00;
float: left;
list-style: none;
}
#menu ul {
list-style: none;
margin: 0;
padding: 0;
width: 133px;
float: left;
}
#menu h2, #menu a {
display: block;
border-width: 2px;
border-style: outset;
border-color: white;
margin: 0;
padding: 1px;
}
#menu h2 {
color: red;
background: #E6E600;
font-size: 20px;
text-align: center;
}
#menu a {
color: black;
background: #E6E600;
text-decoration: none;
text-align: center;
}
#menu a:hover {
color: black;
background: #FCFF00;
}
#menu ul ul {
position: absolute;
z-index: 500;
}
div#menu ul ul,
div#menu ul li:hover ul ul
{display: none;}
div#menu ul li:hover ul,
div#menu ul ul li:hover ul
{display: block;}
</style>
</head>
<body>
<!-- start menu HTML -->
<div id="menu">
<ul>
<li><h2><a href="Novinky.html">Novinky</a></h2>
</li>
</ul>
<ul>
<li><h2><a href="O_nas.html">O nás </a></h2>
</li>
<ul>
<li><a href="Kto_sme_a_co_robime.hmtl">Kto sme a čo robíme</a>
</li>
<li><a href="struktura_spolocnosti.html">Štruktúra spoločnosti</a>
</li>
<li><a href="Podnikova_filantropia.html">Podniková filantropia</a>
</li>
<li><a href="Nase_uspechy.html.">Naše úspechy</a>
</li>
</ul>
</ul>
<ul>
<li><h2><a href="Oddelenia.html">Oddelenia</a></h2>
</li>
<ul>
<li><a href="Oddelenie_marketingu.html">Marketing</a>
</li>
<li><a href="Oddelenie_ludskych zdrojov.html">Ľudské zdroje</a>
</li>
<li><a href="oddelenie_financii.html">Financie</a>
</li>
<li><a href="Oddelenie_vyroby.html">Výroba</a>
</li>
</ul>
</ul>
<ul>
<li><h2><a href="Fotogaleria.html">Fotogaléria</a></h2>
</li>
<ul>
<li><a href="DOD.html">DOD</a>
</li>
<li><a href="UVZ.html">UVZ</a>
</li>
<li><a href="Vyrobky.html">Výrobky</a>
</li>
<li><a href="Vianoce_na_hrade.html">Vianoce na hrade</a>
</li>
</ul>
</ul>
<ul>
<li><h2><a href="APE.html">APE</a></h2>
</li>
<ul>
<li><a href="co_je_to_ape.html">Čo je to APE?</a>
</li>
<li><a href="Junior_achievement.html">Junior Achievement</a>
</li>
<li><a href="Vyhody_studentov_ape.html">Výhody študentov APE</a>
</li>
</ul>
</ul>
<ul>
<li><h2><a href="Na_stiahnutie.html">Na stiahnutie</a></h2>
</li>
</ul>
<ul>
<li><h2><a href="Kontakt.html">Kontakt</a></h2>
</li>
</ul>
</div>
Vždy, keď prepíšem v prvom na block, tak mi všetko zobrazí, ale ostane tam... Chcem docieliť to, aby sa menu rozbalilo a ostalo rozbalené, keď na ňom bude kurzor...
