Autor Zpráva
monkey
Profil
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
uz som to vyriesil mozte to vymazat!

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: