| Autor | Zpráva | ||
|---|---|---|---|
| monkey Profil |
#1 · Zasláno: 19. 1. 2010, 22:13:45
ahoj neviete niekto poradit s tymto kodom ?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style>
ul{
list-style-type:none;
}
li{
float:left;
}
#menu ul{
top:25px;
left:0;
}
#menu ul{
visibility:hidden;
position:absolute;
background-color:#FC3;
padding:0;
margin:0;
}
#menu li{
text-align:center;
position:relative;
width:130px;
z-index: 1000;
}
#menu li:hover ul
{
visibility:visible;
}
#menu a, .podmenu a
{
padding:5px;
display:block;
color:black;
font:12px arial,sans-serif;
text-decoration:none;
}
#menu li:hover
{
background-color: #FFC184;
color:black;
}
#menu a:hover
{
background-color:#FFC184;
color:black;
}
#podmenu li ul
{
visibility:visible;
position:absolute;
left:130px;
top:0;
}
.main{
background-color:#F90;
}
</style>
</head>
<body><div>
<ul id="menu">
<li class="main"><a href="#">Menu_1</a>
<ul>
<li ><a href="#">Podmenu_1</a></li>
<li><a href="#" onmouseover="document.getElementsById('podmenu')">Moje</a>
<ul style="visibility:hidden;">
<li ><a href="#">Podpodmenu_1</a></li>
<li ><a href="#">Podpodmenu_1</a></li>
<li ><a href="#">Podpodmenu_1</a></li>
<li ><a href="#">Podpodmenu_1</a></li>
<li ><a href="#">Podpodmenu_1</a></li>
</ul>
</li>
<li><a href="#">Podmenu_1</a></li>
<li><a href="#">Podmenu_1</a></li>
<li><a href="#">Podmenu_1</a></li>
<li><a href="#">Podmenu_1</a></li>
</ul></li>
<li class="main"><a href="#">Menu_2</a>
<ul>
<li ><a href="#">Podmenu_2</a></li>
<li ><a href="#">Podmenu_2</a></li>
<li ><a href="#">Podmenu_2</a></li>
</ul></li>
<li class="main"><a href="#">Menu_3</a>
<ul>
<li ><a href="#">Podmenu_3</a></li>
<li ><a href="#">Podmenu_3</a></li>
<li ><a href="#">Podmenu_3</a></li>
</ul></li>
<li class="main"><a href="#">Menu_4</a>
<ul>
<li ><a href="#">Podmenu_4</a></li>
<li ><a href="#">Podmenu_4</a></li>
<li ><a href="#">Podmenu_4</a></li>
</ul></li>
<li class="main"><a href="#">Menu_5</a>
<ul>
<li ><a href="#">Podmenu_5</a></li>
<li ><a href="#">Podmenu_5</a></li>
<li ><a href="#">Podmenu_5</a></li>
</ul></li>
</ul>
</div>
</body>
</html>
rozbalovaie mi funguje ale neviem si rady s tretim rozbalenim je to tlacitko "moje" neviete niekto ako nato ? Skusam to aj cez JS - onmouseover ale asi to nebude spravna cesta ... PS: poprosim o vyznacenie pridanych css stylov aby som vedel co je tam pridane vdaka |
||
| monkey Profil |
#2 · Zasláno: 20. 1. 2010, 10:39:27
uz som to vyriesil mozte to vymazat!
|
||
|
Časová prodleva: 16 let
|
|||
0