Hledáš dárek, který neskončí v koši? Nyní 90 % extra kreditů ZDARMA s promo kódem PREKVAPENI90. Zjisti více:
NOVINKA: Staň se datovým analytikem od 0 Kč a získej jistotu práce, lepší plat a nové kariérní možnosti. 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
Nejnovější komentáře jsou na konci poslední stránky.
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
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
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?

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
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
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
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
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
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šší.

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
obsah kocky = r^2 ... a preto vlak drnká
Nejnovější komentáře jsou na konci poslední stránky.
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.