TIP: Přetáhni ikonu na hlavní panel pro připnutí webu
Ahoj všichni,
mohl by mi někdo pomoct s tímhle? Chci udělat vertikální víceúrovňové menu, ale pořád mi to dělá jen jednoúrovňové (resp. ukážou se mi naráz všechny úrovně).
Dělal jsem to přesně podle téhle stránky:
http://translate.google.cz/translate?…
To se mi udělalo správně (byť jen v Mozille, v IE to nefunguje, což je další problém). Teď bych ale potřeboval, aby se mi i to podmenu rozbalilo dál. Když to zkouším naprogramovat, tak se mi všechny úrovně ukážou okamžitě po najetí myši na to hlavní menu (1. úrovně). Ale já bych se na ty nejnižší úrovně (Line 1-1-1, Line 1-1-2, Line 1-1-3) chtěl dostat postupně po najetí myši na položku v podmenu (Line 1-1). Nějak mi to nejde naprogramovat v CSS. Mám asi nějak špatně naprogramované třídy a jejich vnořování.
Mám to takhle:
<head>
<style>
#Menu, #menu ul, #menu li {padding: 0;
margin: 0;
}
#menu li {list-style: none;
position: relative;
width:120px;
height: 30px;
padding:0 20px;
background-color: black;
line-height: 30px;
cursor:pointer;
}
#menu li a {text-decoration:none;
color: white;
}
#menu li:hover {background-color:red;
}
#menu ul ul {position: absolute;
top:0;
left:160px;
visibility:hidden;
}
#menu ul li:hover ul {visibility:visible;
}
</style>
</head>
<body>
<div id="menu">
<ul>
<li> <a rel="nofollow" href="#nogo"> Link 1 >> </a>
<ul>
<li> <a rel="nofollow" href="#nogo"> Link 1-1 >> </a>
<ul>
<li> <a rel="nofollow" href="#nogo"> Link 1-1-1 </a> </li>
<li> <a rel="nofollow" href="#nogo"> Link 1-1-2 </a> </li>
<li> <a rel="nofollow" href="#nogo"> Link 1-1-3 </a> </li>
</ul>
</li>
<li> <a rel="nofollow" href="#nogo"> Link 1-2 </a> </li>
</ul>
</li>
<li> <a rel="nofollow" href="#nogo"> Link 2 >> </a>
<ul>
<li> <a rel="nofollow" href="#nogo"> Link 2-1 </a> </li>
<li> <a rel="nofollow" href="#nogo"> Link 2-2 </a> </li>
<li> <a rel="nofollow" href="#nogo"> Link 2-3 </a> </li>
</ul>
</li>
<li> <a rel="nofollow" href="#nogo"> Link 3 </a> </li>
<li> <a rel="nofollow" href="#nogo"> Link 4 >> </a>
<ul>
<li> <a rel="nofollow" href="#nogo"> Link 4-1 </a> </li>
<li> <a rel="nofollow" href="#nogo"> Link 4-2 </a> </li>
<li> <a rel="nofollow" href="#nogo"> Link 4-3 </a> </li>
</ul>
</li>
</ul>
</div>
</body>
Teď tam asi musím dát nějakou další třídu #menu ul ul ul nebo podobně, ale nevím přesně jak. Nikde jsem nenašel programový kód na 3. úroveň, 4. úroveň.... Vždy jen na hlavní menu s jedním podmenu.
Díky za pomoc.
Nahlásit jako SPAM
IP: 89.176.189.–
Posthunter
Zjistit počet nových příspěvků
