NOVINKA: Kurz kybernetické bezpečnosti s akreditací MŠMT, nyní již od 0 Kč. Staň se žádaným profesionálem. Zjisti více:
NOVINKA: Staň se datovým analytikem a získej jistotu práce, lepší plat a nové kariérní možnosti. Více informací:

Diskuze – Lekce 2 - Počítání v CSS3 pomocí funkce calc()

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
Anastasia Bozhenko:20.10.2021 10:27

Ahoj!
Možná jsem udělala někde chybu, ale když zadám "height: calc(67vh);" u div2 tak výška modrého bloku o dost větší než u div 2. Musím zadat "height: calc(17vh);" aby to bylo skoro zároveň.
Ale jinak super lekce <3

Avatar
Anastasia Bozhenko:20.10.2021 13:11

Najednou se mě ty bloky se otočily, v čem je problém? kód zůstal stejný.
Děkují za radu.

Avatar
Filip Opluštil
Tvůrce
Avatar
Odpovídá na Anastasia Bozhenko
Filip Opluštil:20.10.2021 17:30

Ahoj, není to chyba, pouze při použití jednotek 'vh' záleží na velikosti okna ve kterém je stránka otevřena. V rámci lekce je nastaveno 67vh, protože potom se výsledek zobrazuje v tom malém okénku co vypadá jako prohlížeč, takže když to pak u sebe otevřeš v nové stránce na celou obrazovku je 67 daleko víc. U posunutí těch bloků nevím kde je chyba, kód vypadá v pořádku, občas to dělají třeba starší verze prohlížečů, nebo internet explorer myslím nepodporuje funkci calc() v kombinaci s display:flex. Ale to si nejsem jistý proč tohle nastalo. :)

Avatar
Rostislav Mikolaš:27. dubna 11:11

Možná by bylo dobré, kdyby text v popisu odrážel "konečnou verzi" nastavené výšky div2, tedy konstantní 100px od samotného počátku. Taky by bylo dobré před doplněním selektoru .div3 upozornit na dopnění html o příslušný <div>. Možná by bylo fajn taky vysvětlit použití pseudo třídy :root, k jakému elementu se váže, proč zrovna zde v css dokumentu definujeme globální proměnnou.

Avatar
Rostislav Mikolaš:27. dubna 11:53

Bohužel, komentovat testy nelze a tak přidám komentář tady. V textech i v testu je systematicky u pseudoelementu before a after používáno dnes již zastaralé označení jednou dvojtečkou. Pseudoelementy by měly být značeny ::before na rozdíl od pseudo tříd :hower. Vím je to zpětně kompatabilní. K testu. Funkce attr() získá hodnotu atributu nenastavuje ji. Test je nejprve nabídnut zdarma a to i když jej máte zaplacený. Pokud však neuspějete, chce systém po vás úhradu nového testu i když jste jeho placenou verzi vlastně nevyužil - za mne trochu zvláštní.

Avatar
Odpovídá na Rostislav Mikolaš
Rostislav Mikolaš:27. dubna 12:41

Sypu si na hlavu popel. Ten kurz jsem neměl zaplacený 😩

Avatar
Odpovídá na Rostislav Mikolaš
Rostislav Mikolaš:27. dubna 13:05

Asi přestanu kurzy a sám sebe komentovat ... 😀 kurz zaplacený byl, jen já jsem zmatkoval více než je zdrávo. A tím se omlouvám a odmlčím se minimálně do konce tohoto kurzu 🤢

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 7 zpráv z 7.