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 17 - Stylování hlavičky HTML stránky a flexbox

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
Michal Stisek
Člen
Avatar
Odpovídá na Ondrej Zadrapa
Michal Stisek:30.9.2020 16:56

Jiřímu jen chyběly jednoduché uvozovky v cestě k obrázku, jinak je to správný příklad.

background: url('../slozkablabla/logo.png');

-- pokud máš .html v kořenovém adresáři webu .css ve složce /styly a obrázky ve složce /img (např.)

background: url('slozkablabla/logo.png');

-- pokud máš .html i .css v kořenovém adresáři a obrázky ve složce /img (např.)

Odpovědět
30.9.2020 16:56
Jít pořád dál má smysl
Avatar
Pavel Kubalík
Člen
Avatar
Pavel Kubalík:31.10.2020 15:38

Dobrý den
Dneska jsem dokončil velkou anabázi, neboť mi to neustále nešlo tak, jak bych si to představoval. Tak jsem si vzpomněl na památná slova krále Jana Lucemburského: "Toho bohdá nebude, aby český král z boje utíkal". Nejsem sice král, ale nejedná se taky o bitvu u Kresčaku. Takže jsem řekl "Nevzdám to" a vrátil jsem se do lekce 10.
Zjistil jsem, že do article header musím dát with:220px a nikoliv 250px. Pak jsem dostal modrý proužek i na pravé straně. Vrátit 250px jsem mohl až potom, co se vložilo do body min-width: 960px
To je první poučení.
Další poučení je v tom, že když to nevychází, je nutné se vrátit k nějakému pevnému bodu. Nejlépe stáhnout kód z lekce, kde bylo vše v pořádku.
Editor žádné chyby nehlásí, a při trochu nepozornosti se chyba vloudí (prohlížeč si to vysvětlí po svém). Hledání chyby trvá déle než začít od někud znova.
To je poučení s dosavadních zkušeností a mohu jít na příklady.
Díky PK

 
Odpovědět
31.10.2020 15:38
Avatar
Tomáš Maňhal
Člen
Avatar
Odpovídá na Pavel Kubalík
Tomáš Maňhal:31.10.2020 18:04

V tom je HTML a CSS trochu nevděčný. Na rozdíl od IDE pro programování ti editor prostě nevyhodí chybu když máš někde špatně rozměry a odsazení. Prostě neví, že to je chyba a neví jestli to není úmysl. Držím palce a pevné nervy do budoucna :-)

 
Odpovědět
31.10.2020 18:04
Avatar
Pavel Kubalík
Člen
Avatar
Odpovídá na Tomáš Maňhal
Pavel Kubalík:31.10.2020 18:19

Ahoj
a děkuju ti
Pavel K

 
Odpovědět
31.10.2020 18:19
Avatar
Dominik Váňa
Člen
Avatar
Dominik Váňa:20.12.2020 17:05

Osobně jsem se zasekl nad line-height. Hodnota 4.3em mě zbytečně zmátla, ale možná jde jen o osobní pohled na věc. Stále jsem tu dával 73-17=56/2=28 px a divil se, že to nejde než jsem si všiml, že jde o přepočet 73/17.

Zkrátka vytvoří se tím výška řádku a do jejího středu to text umístí. Stále jsem čekal na nějakou další hodnotu co určí ten center.

 
Odpovědět
20.12.2020 17:05
Avatar
Jaroslav Parma
Člen
Avatar
Jaroslav Parma:18.1.2021 11:22

Zdravím, mám dotaz ohledně nastavení položek v seznamu. Co když místo Float použiju Displey s hodnotou inline-block. Položky v seznamu se zobrazí bez zalomení řádku, hezky vedle sebe, ale pořád jim půjdou nastavit rozměry jako blokovým prvkům.

 
Odpovědět
18.1.2021 11:22
Avatar
Lukáš Beran
Člen
Avatar
Lukáš Beran:13.3.2021 14:59

Ahoj, chtěl jsem se zeptat, navigační menu mi stále zůstává vlevo ve sloupku, nezobrazuje se v řádku, tak jak by mělo. Kontroloval jsem vše i podle přiloženého kódu ze zipu a vše by mělo být v cajku, nevím v čem může být chyba, poradíte? Díky.

 
Odpovědět
13.3.2021 14:59
Avatar
Dušan Kovářík
Člen
Avatar
Odpovídá na Dominik Váňa
Dušan Kovářík:21.5.2021 9:33

Ahoj - díky za tvůj komentář. Úplně jsem se ztrácel v té kombinaci font-size: 17px, height:: 73px a line-height: 4.3em. Díky tobě jsem to pochopil!

 
Odpovědět
21.5.2021 9:33
Avatar
Anna Lincová
Člen
Avatar
Anna Lincová:11.9.2021 17:51

Děkuji moc za lekci. Ale do budoucna: jakým způsobem určujeme/vypo­čitáváme potřebné hodnoty vyšek textu, řádku, obrázků, šířku navigačního panelu? A jestli možno vysvetlit, co fizicky znamena EM, že to násobujeme? Díky.

 
Odpovědět
11.9.2021 17:51
Avatar
weverka
Člen
Avatar
Odpovídá na Anna Lincová
weverka:12.9.2021 15:06

Zajímalo by mě totéž.

Odpovědět
12.9.2021 15:06
Weby jsou budoucnost IT
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 305.