TIP: Přetáhni ikonu na hlavní panel pro připnutí webu
#2 Nefaritus
Uz jsem to vyresil. Ted budu delat podurovni do aleluja.:-) Ale stejne diky. To vnorovani ul ul li....je pro me (zacatecnika) dost slozite na pochopeni, ale uz se v tom zacinam orientovat. Porad same blockovani (skryti) a nasledne odblockovani...napoprve celkem tezke.
Příspěvky odeslané z IP adresy 89.176.189.–
Milanek
Milanek
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.
