NOVINKA: Získej 40 hodin praktických dovedností s AI – ZDARMA ke každému akreditovanému kurzu!
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í.

Diskuze – Tvorba submenu jen v HTML a CSS

Zpět

Upozorňujeme, že diskuze pod našimi online kurzy jsou nemoderované a primárně slouží k získávání zpětné vazby pro budoucí vylepšení kurzů. Pro studenty našich rekvalifikačních kurzů nabízíme možnost přímého kontaktu s lektory a studijním referentem pro osobní konzultace a podporu v rámci jejich studia. Toto je exkluzivní služba, která zajišťuje kvalitní a cílenou pomoc v případě jakýchkoli dotazů nebo projektů.

Komentáře
Avatar
Pavel Junek
Tvůrce
Avatar
Pavel Junek:19.2.2015 18:32 
left: -70px;
Jak si můžete všimnout, nastavujeme ručně pozici. Protože submenu je součástí tlačítka Fórum, posouvá se. Napsáním záporné hodnoty left se nám submenu seřadí pěkně pod sebe

úplně stačí nastavit padding na 0 ;)

//ukázka: http://jsfiddle.net/885mskh7/

Editováno 19.2.2015 18:33
 
Odpovědět
19.2.2015 18:32
Avatar
Jan Lupčík
Tvůrce
Avatar
Odpovídá na Pavel Junek
Jan Lupčík:19.2.2015 19:30

To jo, akorát zde se mnohokrát ukazuje, že pozice jsou špatné a hodí se na dobré využití jako v tomto článku. :)

Odpovědět
19.2.2015 19:30
TruckersMP vývojář
Avatar
tipek136
Člen
Avatar
tipek136:23.2.2015 10:30

Ahoj, přesně tohle jsem hledal. Nebylo by ale lepší, kdyby si nastavil odkaz na celou buňku, a ne jenom na ten text?

 
Odpovědět
23.2.2015 10:30
Avatar
Jan Lupčík
Tvůrce
Avatar
Odpovídá na tipek136
Jan Lupčík:23.2.2015 15:10

Ano, to klidně můžeš, ale ve většině případů se odkaz nastavuje jako obsah buňky a ne celá buňka. :)

Odpovědět
23.2.2015 15:10
TruckersMP vývojář
Avatar
Neaktivní uživatel
Tvůrce
Avatar
Odpovídá na Jan Lupčík
Neaktivní uživatel:23.2.2015 15:13

To bych právě netvrdil, celá buňka by měla být klikatelná.

Odpovědět
23.2.2015 15:13
Neaktivní uživatelský účet
Avatar
Michal Šmahel
Člen
Avatar
Odpovídá na Neaktivní uživatel
Michal Šmahel:23.2.2015 15:48

Ale myslím, že by se

<li>

do

<a>

uzavírat nemělo. Proto to dělám pomocí paddingu. Nastavím

<a>

padding, aby se roztáhla klikací plocha přes celou buňku.

Odpovědět
23.2.2015 15:48
Nejdůležitější je motivace, ovšem musí být doprovázena činy.
Avatar
Michal Šmahel
Člen
Avatar
Odpovídá na Michal Šmahel
Michal Šmahel:23.2.2015 15:50

I pro: tipek136 a Jan Lupčík

Odpovědět
23.2.2015 15:50
Nejdůležitější je motivace, ovšem musí být doprovázena činy.
Avatar
Jan Lupčík
Tvůrce
Avatar
Odpovídá na Michal Šmahel
Jan Lupčík:23.2.2015 16:05

S tím by se ale dělalo menu (respektive submenu) velmi špatně.

Odpovědět
23.2.2015 16:05
TruckersMP vývojář
Avatar
Jakub Vaněk (Bubavanek)
Člen
Avatar
Jakub Vaněk (Bubavanek):23.2.2015 18:20

Jako tohle je moc hezký, když jsem začínal určitě bych to využil.:) Ale přes JS je to prostě jednodušší.

 
Odpovědět
23.2.2015 18:20
Avatar
Matúš Petrofčík
Tvůrce
Avatar
Matúš Petrofčík:23.2.2015 18:30

wut wut?

Jan Lupčík:
Normálne sa do <li> dá <a>, <li> sa vynulujú padingy marginy guličky a prípadne zmení display (alebo float), a ďalej sa štýluje <a>, a <li> sa tomu <a> potom prispôsobí, a dá sa klikať všade, nie len na text.

Jakub Vaněk (Bubavanek):
Myslím že cez CSS je to jednoduchšie než cez javascript, a k tomu to funguje aj tam, kde je javascript vypnutý (nehovorím o prehliadači v konzole)

Odpovědět
23.2.2015 18:30
obsah kocky = r^2 ... a preto vlak drnká
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 10 zpráv z 28.