moj css na menu:
Kód:
#nav { display: block; margin: 0 0 2px 0; border: none;}
#nav ul { width: 748px; height: 27px; margin: 0 auto; padding: 0; background: url(/images/nav-bg.png) no-repeat; overflow: hidden; }
#nav ul li { display: inline;}
#nav ul li a { float: left; width: 106px; height: 24px; text-align: center; padding: 5px 0 0 0; border-right: 1px solid #e7e7e7; color: #000000; font-weight: bold; text-decoration: none; overflow: hidden; }
#nav ul li .koniec { border-right: none;}
#nav ul li a:hover { color: #386390; }
.sub-menu {
border: 1px solid #cccccc;
border-width: 0 1px 1px;
background: #ffffff;
font-size: 10px;
line-height: 1.1em;
padding: 0;
left: -9999px;
top: auto;
list-style: none;
position: absolute;
z-index: 100;
}
.sub-menu a {
text-indent: 0;
text-decoration: none;
display: block;
padding: 5px 9px 1px 19px;
background: #ffffff;
color: #000000;
height: auto;
z-index: 100;
}
.sub-menu a:hover {background: url(/images/arrow.gif) 4px 5px no-repeat #ffffff; color: #386390; display: block; }
a moj kod:
Kód:
<div id="nav">
<ul>
<li><a href="/?lang=<? echo $lang?>"><?php echo $text[$jazyk]['domov'];?></a></li>
<li><a class="kurzor" onmouseover="submenu(this, event, 'strediska')"><?php echo $text[$jazyk]['strediska'];?></a></li>
<li><a class="kurzor" onmouseover="submenu(this, event, 'lanovky')"><?php echo $text[$jazyk]['lanovky'];?></a></li>
<li><a class="kurzor" onmouseover="submenu(this, event, 'info')"><?php echo $text[$jazyk]['info'];?></a></li>
<li><a class="kurzor" onmouseover="submenu(this, event, 'ubytovanie')"><?php echo $text[$jazyk]['ubytovanie'];?></a></li>
<li><a class="kurzor" onmouseover="submenu(this, event, 'galeria')"><?php echo $text[$jazyk]['galeria'];?></a></li>
<li><a href="/kontakt.php?lang=<? echo $lang?>" class="koniec"><?php echo $text[$jazyk]['kontakt'];?></a></li>
</ul>
</div>
<div id="strediska" class="sub-menu">
<a href="">submenu</a>
<a href="">submenu</a>
<a href="">submenu</a>
</div>