Chceš se vypracovat až k výdělku 160.000 Kč/měsíc? Důležité je začít. Staň se programátorem díky rekvalifikačnímu kurzu! Začni dnes!
Hledáme nové posily do ITnetwork týmu. Podívej se na volné pozice a přidej se do nejagilnější firmy na trhu - Více informací.
Avatar
Marián Ligocký
Tvůrce
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 Hartinger
Tým ITnetwork
Avatar
Odpovídá na Marián Ligocký
David Čápka Hartinger: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
You are the greatest project you will ever work on.
Avatar
Marián Ligocký
Tvůrce
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ý
Tvůrce
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 Hartinger
Tým ITnetwork
Avatar
Odpovídá na Marián Ligocký
David Čápka Hartinger: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
You are the greatest project you will ever work on.
Avatar
Drahomír Hanák
Tvůrce
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
20.8.2012 11:59
Avatar
Marián Ligocký
Tvůrce
Avatar
Marián Ligocký:20.8.2012 12:01

dik

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

a ako na horizontalne menu?

 
Nahoru Odpovědět
20.8.2012 13:28
Avatar
Drahomír Hanák
Tvůrce
Avatar
Odpovídá na Marián Ligocký
Drahomír Hanák:20.8.2012 13:34

Například takhle http://jsfiddle.net/kqsj6/18/

 
Nahoru Odpovědět
20.8.2012 13:34
Avatar
David Čápka Hartinger
Tým ITnetwork
Avatar
Odpovídá na Marián Ligocký
David Čápka Hartinger: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
You are the greatest project you will ever work on.
Avatar
Drahomír Hanák
Tvůrce
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ý
Tvůrce
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 Hartinger
Tým ITnetwork
Avatar
Odpovídá na Marián Ligocký
David Čápka Hartinger: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
You are the greatest project you will ever work on.
Avatar
Neaktivní uživatel
Tvůrce
Avatar
Odpovídá na Marián Ligocký
Neaktivní uživatel:20.8.2012 14:16

"Ale nedam" :D :D

Nahoru Odpovědět
20.8.2012 14:16
Neaktivní uživatelský účet
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.