Z nějakého důvodu jsem měla při větší šířce prohlížeče to větší pozadí odsazené zleva přesně na šířku row (1164px). Zleva to ale bylo v pohodě a od nějakých 1150px to bylo i zprava v pohodě. Nepřišla jsem na to, čím to přesně je, ale pomohlo, když jsem přemístila div .mobile-nav-back nad ul stejně jako je .nav-background. Tak doufám, že to nebudu muset v budoucnu ještě předělávat 😆😄
Mám problém s hamburgerem, když ho vložím stejně jako ty. Mezi a /na, tak se mi zobrazí pod tou horní lištou "nav-background" zjistil jsem pomocí borderu. Když burger vložím mezi poslední li a /ul, tak se mi zobrazí pod tou lištou. Kódy jsem kopíroval z učebnice a hrál i se z-indexem,který jsem burgerů v CSS přidával. Kde by mohl být problém, případně mohu to nechat tak jak mi to funguje a pomocí CSS si to přesunout?
Ahoj, určitě to může upravit, pokud ti to funguje. Klidně zkus najít vlastní cestu k řešení. Většina situací se dá řešit různými přístupy. Pokud vše funguje, tak zkus ikonu přesunout, jak píšeš.
Dobrý den, bohužel nemohu zafixovat pozadí při rozbaleném menu. Pokaždé když dám tento příkaz: position:fixed; tak se mi pozadí rozbaleného menu vůbec nezobrazí. :(
Dobrý den, zkuste mrknout do učebnice a porovnat Váš kód s tím v učebnici. Bude to zřejmě nějaká drobnost. Doufám, že se to podaří dopátrat. Může to být jeden chybějící řádek nebo zapomenutý středník
12:35 Ahoj Davide všechno mám problém s tím že když dam display: block tak se mně to nezmění a já nevím pro vše dělám podle videa. Zde je kód toho jak to mám napsané @media only screen and (max-width: 777px){ nav ul li { display: block; } } Píšu to ve VS Code. Předem děkuji za radu.
Ahoj, jako první zkus místo display: block; dát třeba border: 5px solid red; nebo něco výrazného, jestli se to projeví. Pokud ano, tak máš query zapsané dobře, ale bude problém, že to nejspíše něco přebíjí - mrkni do konzole, jestli tam není display: block; přeškrtnutý. Hned nad tím by mělo být, co to přebíjí (v konzoli). Tím bych začal
@@hacknisvoubudoucnost Zkusil jsem dát border jak jsi psal a ten se ukázal ale když jsem tam dal color black tak se to nezměnilo a když tam bylo color black tak se to ukazalo v konzoli a když tam nebyla zadana barva tak se ten cely kód media screen tam nezobrazoval.
Ahoj, děkuji moc za skvělé návody. Chtěl bych se jen zeptat, zda nemáš v plánu dělat návod, jak udělat responsivní menu čistě v JS? 🙂 A pak také, jak si poradit s responsivním menu v případě, že ho dělám v CSS gridu. Díky moc za odpověď.
Ahoj, grid bych chtěl dát do nějakého webináře. Už se mě na to lidé ptali. Responzivní menu v JS by také šlo. Na kurzech ho s klienty dělám. Nevím ale, jestli to dám do videí nebo webináře. Ještě uvidím
@@hacknisvoubudoucnost super, děkuji za rychlou odpověď. Budu se těšit na případný webinář nebo návod. Ten CSS grid je super, ale vždy právě vyhořím na tom, jak v něm udělat to menu responsivně.
@@michalkubatko90 Já grid používám čistě na sloupečky. Pustit se do menu v gridu už chce docela odvahu :-), ale myslím si, že díky JS je to jednodušší a nemusíš používat grid na menu. Navíc grid se dá krásně nahradit flex-boxem. Mě flex-box moc neseděl, ale jakmile jsem ho několikrát vyzkoušel, tak teď ho používám skoro všude
@@hacknisvoubudoucnost A šlo by se domluvit případně na nějakém návodu pro tuhle problematiku? :) Tzv. responsivní menu ve flexboxu a JS? :-) Klidně bych si tento čas zaplatil. Mockrát děkuji.
komu to nejde, zkuste zkopírovat následující kód, třeba pomůže: @media screen and (max-width: 600px) { nav ul li a {display: none;} .menupng{display: inline-block;}
Nádhera. Je to logické, krásně to do sebe zapadá, ale zapamatuj si to všechno 😞
Perfetkne vysvetlené :) Každý kto si toto video pozrie, to hneď pochopí a bude vedieť robiť krásne responzívne menu.
Díky, to jsem rád
Z nějakého důvodu jsem měla při větší šířce prohlížeče to větší pozadí odsazené zleva přesně na šířku row (1164px). Zleva to ale bylo v pohodě a od nějakých 1150px to bylo i zprava v pohodě. Nepřišla jsem na to, čím to přesně je, ale pomohlo, když jsem přemístila div .mobile-nav-back nad ul stejně jako je .nav-background. Tak doufám, že to nebudu muset v budoucnu ještě předělávat 😆😄
Mám problém s hamburgerem, když ho vložím stejně jako ty. Mezi a /na, tak se mi zobrazí pod tou horní lištou "nav-background" zjistil jsem pomocí borderu.
Když burger vložím mezi poslední li a /ul, tak se mi zobrazí pod tou lištou.
Kódy jsem kopíroval z učebnice a hrál i se z-indexem,který jsem burgerů v CSS přidával.
Kde by mohl být problém, případně mohu to nechat tak jak mi to funguje a pomocí CSS si to přesunout?
Ahoj, určitě to může upravit, pokud ti to funguje. Klidně zkus najít vlastní cestu k řešení. Většina situací se dá řešit různými přístupy. Pokud vše funguje, tak zkus ikonu přesunout, jak píšeš.
Dobrý den, bohužel nemohu zafixovat pozadí při rozbaleném menu. Pokaždé když dám tento příkaz: position:fixed; tak se mi pozadí rozbaleného menu vůbec nezobrazí. :(
Dobrý den, zkuste mrknout do učebnice a porovnat Váš kód s tím v učebnici. Bude to zřejmě nějaká drobnost. Doufám, že se to podaří dopátrat. Může to být jeden chybějící řádek nebo zapomenutý středník
@@hacknisvoubudoucnost Už jsem to našel. Chybělo mi tam ve stylech width:100%; Děkuji za radu. :)
@@creeds111 Tak super :-) Jsem rád, že už to běží
12:35 Ahoj Davide všechno mám problém s tím že když dam display: block tak se mně to nezmění a já nevím pro vše dělám podle videa. Zde je kód toho jak to mám napsané
@media only screen and (max-width: 777px){
nav ul li {
display: block;
}
}
Píšu to ve VS Code. Předem děkuji za radu.
Ahoj, jako první zkus místo display: block; dát třeba border: 5px solid red; nebo něco výrazného, jestli se to projeví. Pokud ano, tak máš query zapsané dobře, ale bude problém, že to nejspíše něco přebíjí - mrkni do konzole, jestli tam není display: block; přeškrtnutý. Hned nad tím by mělo být, co to přebíjí (v konzoli). Tím bych začal
@@hacknisvoubudoucnost Díky za radu zítra vyzkouším a dám vědět.
@@hacknisvoubudoucnost Zkusil jsem dát border jak jsi psal a ten se ukázal ale když jsem tam dal color black tak se to nezměnilo a když tam bylo color black tak se to ukazalo v konzoli a když tam nebyla zadana barva tak se ten cely kód media screen tam nezobrazoval.
@@MATEJ2707News Zkus tam nechat display: block; a podívat se do konzole, jestli ho tam najdeš. Musí být tedy přeškrtnutý
@@hacknisvoubudoucnost Našel jsem to ale nebylo to přeškrtnuté.
Dobrý den, v kterém videu se probírá queries.css děkuji.
Dobrý den, myslím, že od 101. Tam se o nich zmiňuji poprvé. Můžete popř. kdykoli mrknout do učebnice bit.ly/HtmlCssUcebnice
@@hacknisvoubudoucnost Moc děkuji.
@@pujcovnaprivesurychly7120 Není vůbec zač
Uz sa nedajú stahovat subory z ULOZTO... :( Od kedy su konta ....
Zkusím to postupně přenést jinam. Ale můžeš si stáhnout stejné ikonky i normálně na googlu
ahoj, na googlu jsem hledal, ale našel jsem je jen v černé. Už si to někam přesunul?
Ahoj, děkuji moc za skvělé návody. Chtěl bych se jen zeptat, zda nemáš v plánu dělat návod, jak udělat responsivní menu čistě v JS? 🙂 A pak také, jak si poradit s responsivním menu v případě, že ho dělám v CSS gridu. Díky moc za odpověď.
Ahoj, grid bych chtěl dát do nějakého webináře. Už se mě na to lidé ptali. Responzivní menu v JS by také šlo. Na kurzech ho s klienty dělám. Nevím ale, jestli to dám do videí nebo webináře. Ještě uvidím
@@hacknisvoubudoucnost super, děkuji za rychlou odpověď. Budu se těšit na případný webinář nebo návod. Ten CSS grid je super, ale vždy právě vyhořím na tom, jak v něm udělat to menu responsivně.
@@michalkubatko90 Já grid používám čistě na sloupečky. Pustit se do menu v gridu už chce docela odvahu :-), ale myslím si, že díky JS je to jednodušší a nemusíš používat grid na menu. Navíc grid se dá krásně nahradit flex-boxem. Mě flex-box moc neseděl, ale jakmile jsem ho několikrát vyzkoušel, tak teď ho používám skoro všude
@@hacknisvoubudoucnost A šlo by se domluvit případně na nějakém návodu pro tuhle problematiku? :) Tzv. responsivní menu ve flexboxu a JS? :-) Klidně bych si tento čas zaplatil. Mockrát děkuji.
@@kubatko2.0 Uvidím, jestli se k tomu dostanu ve webináři nebo jinde. Ve webináři určitě flex-box bude
komu to nejde, zkuste zkopírovat následující kód, třeba pomůže:
@media screen and (max-width: 600px) {
nav ul li a {display: none;}
.menupng{display: inline-block;}
}