NOVINKA - Online rekvalifikační kurz Python programátor. Oblíbená a studenty ověřená rekvalifikace - nyní i online.
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
Tomáš123
Člen
Avatar
Odpovídá na Matúš Petrofčík
Tomáš123:24.2.2015 16:20

Nerozumiem... Iba píšem o jednoduchšom spôsobe.

Odpovědět
24.2.2015 16:20
Keby nebolo Internetu Exploreru, nebolo by dnešného internetu.
Avatar
Matúš Petrofčík
Tvůrce
Avatar
Odpovídá na Tomáš123
Matúš Petrofčík:24.2.2015 22:50

Chcel som vidieť nejaké demo (ukážku) ako by to vyzeralo bez tých position relative a position absolute :) skúšať sa mi to teraz nechce, ale som zvedavý či sa to zobrazí tak ako chcem(e) :)

Odpovědět
24.2.2015 22:50
obsah kocky = r^2 ... a preto vlak drnká
Avatar
Tomáš123
Člen
Avatar
Odpovídá na Matúš Petrofčík
Tomáš123:25.2.2015 11:12

Aha, jasné, ide to: http://kod.djpw.cz/hmkb :)

Odpovědět
25.2.2015 11:12
Keby nebolo Internetu Exploreru, nebolo by dnešného internetu.
Avatar
Tomáš123
Člen
Avatar
Tomáš123:4.1.2016 21:37

Z-index nie je potrebný ani v jednom prípade. Na statickú pozíciu nemá z-index žiadny vplyv a relatívna pozícia je vyššie ako statická (predvolená). Problém by nastal, ak by bol pod menu nejaký nestaticky poziciovaný prvok. Praktickejšie by ale bolo riešiť z-index tam.

jinak by se nám menu pořád schovávalo.

To sa mi nepodarilo nasimulovať.

U loga nastavme takovou výšku, aby logo bylo stejně vysoké jako menu.

Font-size neslúži na nastavenie výšky...

Floatovaný element je vo väčšine prípadov pretypovaný na blokový. V prípade displayu: list-item síce k pretypovaniu nedochádza (v CSS 2.1 nie je definované, či má dôjsť k pretypovaniu na block alebo list-item), v každom prípade display: list-item je display:block s odrážkami (ktoré sú zneviditeľnené). Deklarácia displayu je tam teda zbytočná.

Dosť nepraktické je určovať fixnú šírku a výšku. Po zväčšení písma (ktorému sa použitím jednotky px usilovne brániš v starších IE) bude menu vyzerať zle. Dlhšie slová sa orežú, viac kratších sa zalomí a zmizne v bielom pozadí.

Kdybychom použili jinou hodnotu, submenu by si dělalo, co by chtělo.

Ukážkové vysvetlenie.

font-size: 17px;
height: 73px;
line-height: 4.3em;

Kvôli rozličným jednotkám si spôsobuje odchýlku 0.1px. Zbytočne. Stačilo by:

height: 4.3em;
line-height: 4.3em

A vôbec by to nezáviselo od veľkosti písma. Nejde o tú malú odchýlku, ale o potenciálne zbytočné problémy.

Iné nezrovnalosti už boli spomenuté.

Odpovědět
4.1.2016 21:37
Keby nebolo Internetu Exploreru, nebolo by dnešného internetu.
Avatar
Jan Lupčík
Tvůrce
Avatar
Odpovídá na Tomáš123
Jan Lupčík:5.1.2016 6:35

Ten z-index je tam právě kvůli tomu, kdyby tam měl být další obsah. :)
Ano, vím, že se tak nenastavuje výška, ale myslel jsem, aby ten text byl podobně vysoký jako menu.
Starší IE už neřeším. Stejně je to malé % lidí a je s tím jenom plno problémů. Takže tak.

Odpovědět
5.1.2016 6:35
TruckersMP vývojář
Avatar
Tomáš123
Člen
Avatar
Tomáš123:5.1.2016 6:46

Edit, pri poslednom tvrdení som sa zle vyjadril. Celá hodnota jednotky em závisí od veľkosti písma. Iba vertikälna stredovosť by bola nezávisle poistená.

Odpovědět
5.1.2016 6:46
Keby nebolo Internetu Exploreru, nebolo by dnešného internetu.
Avatar
Tomáš123
Člen
Avatar
Odpovídá na Jan Lupčík
Tomáš123:5.1.2016 7:03

Ten z-index je tam právě kvůli tomu, kdyby tam měl být další obsah.

Ako som písal, musel by to byť nestaticky poziciovaný prvok. Vyjadril som aj náklonnosť k inému riešeniu, ale beriem, že nie je jediné.

Ano, vím, že se tak nenastavuje výška, ale myslel jsem, aby ten text byl podobně vysoký jako menu.

Asi nepočítaš s tým, že to môže vyzerať trochu inak. Neviem pre aký prehliadač si to odladil, ale vo Firefoxe ani nevidno celý text a na úrovni menu sa to nevykresľuje.

Starší IE už neřeším. Stejně je to malé % lidí a je s tím jenom plno problémů. Takže tak.

Jediné s čím je tu plno problémov je tvoje riešenie. Stačí iba nastaviť veľkosť písma v nenovej relatívnej jednotke. Zafunguje % aj em.

Odpovědět
5.1.2016 7:03
Keby nebolo Internetu Exploreru, nebolo by dnešného internetu.
Avatar
Jan Lupčík
Tvůrce
Avatar
Odpovídá na Tomáš123
Jan Lupčík:5.1.2016 7:56

Dobře. Až budu doma, mrknu na to. Díky za připomínky. :)

Odpovědět
5.1.2016 7:56
TruckersMP vývojář
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 8 zpráv z 28.