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 – 6. diel - Flexbox - Tvorba moderných layoutov

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
Jaroslav Drobek
Člen
Avatar
Jaroslav Drobek:4.4.2022 11:49

Hodnocení

  • Úvod lekce ve zkratce: zapomeňte, že jste se v lekcích HTML/CSS snažili plnit úkoly zastaralými floaty, pojďte se naučit flexboxy, které už se taky nepoužívají a těšte se, co ještě na Vás příště vymyslíme. OK, to by chtělo trochu změnit PR..
  • Formulace nevýhod flexboxu jsou k popoukání.
  • "...výška každého sloupce je stejná a nezáleží na jeho obsahu. Tím pádem se tedy zabarví i každý sloupec stejně..." je nesmysl.
  • jinak fajn, efekty líbivé!
Avatar
Lubor Pešek
Člen
Avatar
Odpovedá na Petra Petty Kunzová
Lubor Pešek:13.6.2022 11:21

Koukám, že přes rok ti nikdo neodpověděl a nikoho to moc nezajímalo, že podle tohoto vzoru (včetně vzorového řešení) se v device toolbar modu neprojevují žádné změny (ani na telefonu, když si to nahraju na localhost a zkouším si to).

Tak tobě (stejně, jako ve vzorovém řešení) chybí určitě meta tag:

<meta name="viewport" content="width=device-width">

Přidej a jede to.

PS: Jen pro zájemce. Nainstalujte si tomcat, spusťte jej a když v adresáři ...\Apache Tomcat\webapps zachováte adresář ROOT, tak vše z něj smažte, vytvořte v něm index.html, css styly atd (už podle tutoriálu), tak pak si zjistěte svoji ip adresu
(třeba přes cli příkazem ipconfig) a v mobilu, pokud budete ve stejné síti, tak stačí zadat tuto vaši ipadresu + port 8080 (takže například 192.168.0.1:8080) a můžete si to zkoušet přímo na mobilu :)

Odpovedať
Existují dva způsoby, jak vyřešit problém. Za prvé vyhoďte počítač z okna. Za druhé vyhoďte okna z počítače.
Avatar
Sharada Šimová
Člen
Avatar
Sharada Šimová:1.9.2022 20:11

Aby byly všechny sloupce šedé musel by být kód v CSS

#flexbox{
background-color: #DDDDDD
}

a aby byly nápisy v obsahu a v panelu zarovnané, muselo by tam být

#flexbox{
    display: flex;
    align-items: baseline;
}
Avatar
Petr Váchal
Člen
Avatar
Petr Váchal:17.10.2022 13:09

Nevidím důvod nadpisy označovat od h2. Stačí přece značit od h1. Pokud má nadpis h1 ve svém implicitním stylu moc velký font atp., není nic jednoduššího než si to přestylovat. Nerozumím proto, proč autor jako první nadpis označil za h2.

Nelíbí se mi zanořování do divů, když bylo v první části kurzu statického webu několikrát jasně řečeno, že takto označená hlavička, menu, panely, patička jsou pro vyhledávače obsahově nejasné (neboli používat nav, section...). Nevidím proto důvod to takto dělat.

Odpovedať
Tolik bezradnosti, a furt se žije. Ej!
Avatar
Marek Němec
Člen
Avatar
Marek Němec:24.7.2024 1:15

clanek mi prijde zastaraly, pouzivat div misto header article atd.

Avatar
Branislav Obert
Člen
Avatar
Branislav Obert:28.9.2024 23:07

Staci pozriet komentare a hodnotenie je este privetive. Mnozstvo informacii c rozpore s HTML5 a CSS kurzmi.

Avatar
ludmilacankova
Člen
Avatar
ludmilacankova:3.12.2024 13:37

Ukázkový kód obsahuje chyby. (Ale možná to byl záměr, díky těm chybám jsem se toho asi naučila víc.)

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