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 – Lekce 19 - Fixní menu a pozicování v 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
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.

 
Odpovědět
6.5.2023 13:58
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

 
Odpovědět
18.5.2023 20:53
Avatar
Erika Piesch
Člen
Avatar
Odpovídá 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í.

 
Odpovědět
28.5.2023 19:11
Avatar
Jan Fejtek
Člen
Avatar
Odpovídá 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.

 
Odpovědět
6.6.2023 13:39
Avatar
Michal Salvet
Člen
Avatar
Odpovídá 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?

 
Odpovědět
13.6.2023 17:40
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.

 
Odpovědět
13.6.2023 20:18
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.

 
Odpovědět
21.6.2023 16:27
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.

 
Odpovědět
7.7.2023 11:25
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.

 
Odpovědět
12.7.2023 18:19
Avatar
Karel Zaoral
Člen
Avatar
Karel Zaoral:26.9.2023 15:59

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

 
Odpovědět
26.9.2023 15:59
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 181.