NOVINKA: Kurz kybernetickej bezpečnosti teraz už od 0 €. Staň sa žiadaným profesionálom. Zisti viac:
NOVINKA: Staň sa dátovým analytikom od 0 € a získaj istotu práce, lepší plat a nové kariérne možnosti. Viac informácií:

Diskusia – 13. diel - Počítanie v CSS pomocou funkcie calc ()

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
Avatar
Anastasia Bozhenko
Člen
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
Člen
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
Odpovedá 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š
Člen
Avatar
Rostislav Mikolaš:27. apríla 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š
Člen
Avatar
Rostislav Mikolaš:27. apríla 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
Rostislav Mikolaš
Člen
Avatar
Odpovedá na Rostislav Mikolaš
Rostislav Mikolaš:27. apríla 12:41

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

Avatar
Rostislav Mikolaš
Člen
Avatar
Odpovedá na Rostislav Mikolaš
Rostislav Mikolaš:27. apríla 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 🤢

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é 7 správy z 7.