Mikuláš je tu! Získaj 90 % extra kreditov ZADARMO s promo kódom CERTIK90 pri nákupe od 1 199 kreditov. Len do nedele 7. 12. 2025! Zisti viac:
NOVINKA: Najžiadanejšie rekvalifikačné kurzy teraz s 50% zľavou + kurz AI ZADARMO. Nečakaj, táto ponuka dlho nevydrží! Zisti viac:

Diskusia – 19. diel - Fixné menu a pozicionovanie v CSS

Späť

Upozorňujeme, že diskusie pod našimi online kurzami sú nemoderované a primárne slúžia na získavanie spätnej väzby pre budúce vylepšenie kurzov. Pre študentov našich rekvalifikačných kurzov ponúkame možnosť priameho kontaktu s lektormi a študijným referentom pre osobné konzultácie a podporu v rámci ich štúdia. Toto je exkluzívna služba, ktorá zaisťuje kvalitnú a cielenú pomoc v prípade akýchkoľvek otázok alebo projektov.

Komentáre
Posledné komentáre sú na spodnej časti poslednej stránky.
Avatar
Stanislav Kus
Člen
Avatar
Stanislav Kus:6.5.2023 13:58

U těch pozic by to sneslo nějaké obrázky s příklady.

Avatar
Jiřin Jirka Žmuran
Člen
Avatar
Jiřin Jirka Žmuran:18.5.2023 20:53

po přidáni position: fixed; zalezl nadpis H1 ( O MNĚ ) pod hlavičku a není vidět krom podtržení. Nenapadá někoho prosím proč? nemůžu nic najít

Avatar
Erika Piesch
Člen
Avatar
Odpovedá na Jiřin Jirka Žmuran
Erika Piesch:28.5.2023 19:11

Měla jsem to samé a podle zdrojáku .css se změnil v selektoru:u nav ul li
margin z 25PX na 5px. Tak třeba máš to samé jako já, ale bylo to hledání a srovnávání.

Avatar
Jan Fejtek
Člen
Avatar
Odpovedá na Jiřin Jirka Žmuran
Jan Fejtek:6.6.2023 13:39

Pokud to ještě někdo řeší, tak kvůli tomu tam je padding v body. Fixed se nepočítá pro pozicování static elementů (vše ostatní, co máme), takže ty se vykreslí i pod něj. Padding zajistí, že pod hlavičkou se nachází pouze prázdný prostor.

Avatar
Michal Salvet
Člen
Avatar
Odpovedá na Jan Fejtek
Michal Salvet:13.6.2023 17:40

No zrovna se jdu na to ptat proc padding v body kdyz hlavicka je soucasti body. Takze to chapu tak ze jakmile hlavicce nastavim fixed tak zbytek stranky se vykresli jako by tam hlavicka nebyla a musim dat horni padding aby zbytek stranky byl nize a neprekryval se s hlavickou?
Zkousel jsem zvetsit horni padding v article z 50px na 150px protoze mi to davalo vetsi smysl a fungovallo to stejne. Je tento postup spatne nebo se muze pouzit misto prvniho?

Avatar
Jan Fejtek
Člen
Avatar
Jan Fejtek:13.6.2023 20:18

Co se mi podařilo dogooglit během dělání tohodle, tak position:fixed vyřadí prvek z vykreslování běžných prvků a ty se vykreslí, jako by nikde nebyl. Nám se proto vykreslí věci pod hlavičku.

Ten padding tam musí být v něčem před vykreslením další věci, na které záleží. Pokud mezi <article> a <body> není nic dalšího vykresleného (včetně např. obrázkového pozadí article), tak je jedno, kde ten padding je. Více postupů může být správných, pokud vedou ke správnému výsledku. Přijde mi ale "čistší" to dát do body, protože pak hlavička zabírá prostor body (kterému patří), ne prostor article (kterému nepatří). Pokud tam nikdy nic nebude, tak je to jedno.

Avatar
Karel Jandera
Člen
Avatar
Karel Jandera:21.6.2023 16:27

Jediný co je trochu nanic je ten poslední obrázek tady v té lekci kde bychom měly mít ukázaný jak má stránka vypadal ale jediný co je v tom úzkém okánku vidět tak je hlavička naší stránky.
Chtělo by to to okýnko trochu prodloužit dolů aby bylo něco vidět.

Avatar
Marek Jiříček
Člen
Avatar
Marek Jiříček:7.7.2023 11:25

" Všechny naše elementy mají nyní fixní
pozici, jednoduše řečeno zobrazují se tam, kde mají"
Tak statickou nebo fixni??? Proc o odstavci na tema staticke pozice rikate ze je pozice fixni a potom kdyz probirate fixni pozicovani tak opet rikate ze to je fixni? To se trochu pletou pojmy.

Avatar
Lukáš Raška
Člen
Avatar
Lukáš Raška:12.7.2023 18:19

Co takhle zafixovat navigační lišty na tomto webu? Když už nás to tu učíte :-) Neustále musím scrollovat sem a tam, když chci třeba nahlédnout do jiné kapitoly.

Avatar
Karel Zaoral
Člen
Avatar
Karel Zaoral:26.9.2023 15:59

Ahoj, všem díky za zpětnou vazbu, lekci aktualizujeme.

Posledné komentáre sú na spodnej časti poslednej stránky.
Robíme čo je v našich silách, aby bola tunajšia diskusia čo najkvalitnejšia. Preto do nej tiež môžu prispievať len registrovaní členovia. Pre zapojenie sa do diskusie sa zaloguj. Ak ešte nemáš účet, zaregistruj sa, je to zadarmo.

Zobrazené 10 správy z 181.