NOVINKA: Získej 40 hodin praktických dovedností s AI – ZDARMA ke každému akreditovanému kurzu!
Mezinárodní den IT společnosti je tady! Pouze nyní můžeš získat 90 % extra kreditů při nákupu od 1199 kreditů s promo kódem AJTACI90. Tak neváhej!

Diskuze: Rozbalovacie menu

V předchozím kvízu, Online test znalostí HTML a CSS, jsme si ověřili nabyté zkušenosti z kurzu.

Jak se ti líbí článek?
Před uložením hodnocení, popiš prosím autorovi, co je špatněZnaků 0 z 50-500
Jak se ti kurz líbí?
Tvé hodnocení kurzuZnaků 0 z 50-500
Aktivity
Avatar
dgazo
Člen
Avatar
dgazo:10.2.2014 21:36

Ahojte, skuste mi pomoct.
Vytvoril som si rozbalovacie menu. V prvej urovni sa pred textom meni znak
"+" na "-" podla toho ci je checkbox vybraty alebo nie.
V druhej urovni som tieto znaky zadak ako "t" a "f" ale miesto "t" sa mi
zobrazuje "-" z prvej urovne.
Niekde v selektoroch robim chybu, mo nie a nie ju najst.

Dakujem.

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<style type="text/css">
input.r1 {display: none;}
input[type=chec­kbox]:checked + .r2 .obsah {display: block;}
.r2 > .obsah {display: none;}
.r2 > label {display: block; cursor: pointer; font-size: 120%; font-weight: bold;}
.r2 > label:before {content: "+"; padding: 0 .3em; margin-right: .5em; border-radius: 3px;}
input[type=chec­kbox]:checked + .r2 label:before {content: "-";}

input.r11 {display: none;}
.r21 > .obsah11 {display: none;}
input[type=chec­kbox]:checked + .r21 .obsah11 {display: block;}
.r21 > label {display: block; cursor: pointer;}
.r21 > label:before {content: "t"; padding: 0 .3em; margin-right: .5em; border-radius: 3px;}
input[type=chec­kbox]:checked + .r21 label:before {content: "f";}

</style>
</head>
<body>
<input type="checkbox" class="r1" id="box1">
<div class="r2">
<label for="box1">Vleky, lanovky, sedačky.</label>
<div class="obsah">

<input type="checkbox" class="r11" id="box11">
<div class="r21">
<label for="box11">V­leky.</label>
<div class="obsah11">
<p>Obsah sekcie vleky</p>
</div>
</div>
<input type="checkbox" class="r11" id="box12">
<div class="r21">
<label for="box12">L­anovky.</label>
<div class="obsah11">
<p>Obsah sekcie lanovky</p>
</div>
</div>
<input type="checkbox" class="r11" id="box13">
<div class="r21">
<label for="box13">S­edacky.</label>
<div class="obsah11">
<p>Obsah sekcie sedacky</p>
</div>
</div>

</div>
</div>
<input type="checkbox" class="r1" id="box2">
<div class="r2">
<label for="box2">Ly­ziarsky svah.</label>
<div class="obsah">
<p>Obsah sekcie lyziarsky svah</p>
</div>
</div>
</body>
</html>

 
Odpovědět
-1
10.2.2014 21:36
Avatar

Člen
Avatar
Odpovídá na dgazo
:10.2.2014 21:42

Používej možnost vložení kódu, takový dva papíry s pluskem, je to v nástorojové liště (Smajlíky, tučně, kurzíva, kód, uživatel).

 
Nahoru Odpovědět
+1
10.2.2014 21:42
Avatar
Honza Bittner
Tvůrce
Avatar
Odpovídá na dgazo
Honza Bittner:10.2.2014 22:27

Děláš menu jakožto navigaci stránky? Jestli ano tak to se dělá přes ul li.

Nahoru Odpovědět
+1
10.2.2014 22:27
FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.
Avatar
dgazo
Člen
Avatar
Odpovídá na Honza Bittner
dgazo:10.2.2014 22:37

Teraz ma viac trapi preco sa mi zobrazuje "-" miesto "t" a kde v tomto
pripade robim chybu.
/ uz si dam pozor a ked budem vkladat kod tak to spravim tak ako sa to ma/

 
Nahoru Odpovědět
10.2.2014 22:37
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 4 zpráv z 4.