Válí se ti projekty v šuplíku? Dostaň je mezi lidi a získej cool tričko a body na profi IT kurzy v soutěži ITnetwork summer 2017!
Přidej si svou IT školu do profilu a najdi spolužáky zde na síti :)
Avatar
Marián Ligocký
Redaktor
Avatar
Marián Ligocký:20.8.2012 11:50

Chcel by som sa spytať ako na menu na ktore prejdeš myšou a zobrazi sa ti dalšie menu napr. www.datart.sk a ako dať to menu horizontalne dik

 
Odpovědět 20.8.2012 11:50
Avatar
David Čápka
Tým ITnetwork
Avatar
Odpovídá na Marián Ligocký
David Čápka:20.8.2012 11:52

Tohle je návrhově poněkud zastaralé, každopádně se to dělá JavaScriptem.

Nahoru Odpovědět 20.8.2012 11:52
Miluji svou práci a zdejší komunitu, baví mě se rozvíjet, děkuji každému členovi za to, že zde působí.
Avatar
Marián Ligocký
Redaktor
Avatar
Marián Ligocký:20.8.2012 11:53

a ten horizont

 
Nahoru Odpovědět 20.8.2012 11:53
Avatar
Marián Ligocký
Redaktor
Avatar
Marián Ligocký:20.8.2012 11:57

a aky by to mohol byť java skriptovy tag

 
Nahoru Odpovědět 20.8.2012 11:57
Avatar
David Čápka
Tým ITnetwork
Avatar
Odpovídá na Marián Ligocký
David Čápka:20.8.2012 11:58

Na to není žádný tag, musíš si to naprogramovat. Podívej se do sekce JavaScript, jsou tam tutoriály, ale na to bys jistě přišel sám :)

Nahoru Odpovědět 20.8.2012 11:58
Miluji svou práci a zdejší komunitu, baví mě se rozvíjet, děkuji každému členovi za to, že zde působí.
Avatar
Drahomír Hanák
Tým ITnetwork
Avatar
Odpovídá na Marián Ligocký
Drahomír Hanák:20.8.2012 11:59

Bez efektů to jde i v CSS.

<ul>
    <li>
        <a href="#">Link</a>
        <ul>
            <li><a href="#">Link</a></li>
            <li><a href="#">Link</a></li>
            <li><a href="#">Link</a></li>
            <li><a href="#">Link</a></li>
        </ul>
    </li>
    <li><a href="#">Link</a></li>
    <li><a href="#">Link</a></li>
    <li><a href="#">Link</a></li>
    <li><a href="#">Link</a></li>
</ul>&#8203;
ul { list-style: none; }
ul li { float: left; }
ul li > a { display: block; padding: 5px; }
ul li ul { position: absolute; display: none; }
ul li:hover ul { display: block; }

A ukázka na JSFiddle: http://jsfiddle.net/kqsj6/

 
Nahoru Odpovědět  +1 20.8.2012 11:59
Avatar
Marián Ligocký
Redaktor
Avatar
Marián Ligocký:20.8.2012 12:01

dik

 
Nahoru Odpovědět 20.8.2012 12:01
Avatar
Marián Ligocký
Redaktor
Avatar
Marián Ligocký:20.8.2012 13:28

a ako na horizontalne menu?

 
Nahoru Odpovědět 20.8.2012 13:28
Avatar
David Čápka
Tým ITnetwork
Avatar
Odpovídá na Marián Ligocký
David Čápka:20.8.2012 13:35

Menu uděláš normálně seznamem, viz příslušné tutoriály v sekci HTML. Aby bylo horizontální, jen nastavíš li float: left:

#menu li {
  float: left;
}
Nahoru Odpovědět 20.8.2012 13:35
Miluji svou práci a zdejší komunitu, baví mě se rozvíjet, děkuji každému členovi za to, že zde působí.
Avatar
Drahomír Hanák
Tým ITnetwork
Avatar
Odpovídá na Marián Ligocký
Drahomír Hanák:20.8.2012 13:36

Jo horizontální. Promiň, jsem si to špatně přečetl. Vždyť to první už máš horizontální, ne?

 
Nahoru Odpovědět 20.8.2012 13:36
Avatar
Marián Ligocký
Redaktor
Avatar
Marián Ligocký:20.8.2012 13:38

jo jo sorry :d ste skvely aj 5 eur by som vym dal (ale nedam :D)

 
Nahoru Odpovědět 20.8.2012 13:38
Avatar
David Čápka
Tým ITnetwork
Avatar
Odpovídá na Marián Ligocký
David Čápka:20.8.2012 13:42

Nám bude stačit, když o nás řekneš kamarádům ;-)

Nahoru Odpovědět 20.8.2012 13:42
Miluji svou práci a zdejší komunitu, baví mě se rozvíjet, děkuji každému členovi za to, že zde působí.
Avatar
Daniel Vítek
Tým ITnetwork
Avatar
 
Nahoru Odpovědět 20.8.2012 14:16
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 14 zpráv z 14.