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 12 - HTML layout

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 Dvořák
Člen
Avatar
Michal Dvořák:4.1.2022 21:14

Přiznám se, že tuto část jsem vůbec nepochopil. Nerozumím, k čemu slouží div a #. V článku to není vysvětleno.

 
Odpovědět
4.1.2022 21:14
Avatar
Jurajs
Člen
Avatar
Odpovídá na Michal Dvořák
Jurajs:4.1.2022 21:51

Pokud se v tom nevyznáš zkus si přečíst tohle - https://jecas.cz/div-span
A tohle je # identifikator.
Ale když děláš weby v dnešní době tak se # moc nepoužívá, většinou se používá CLASS
takže zápis je pro ID - <div id="neco"></div> a pro CLASS je - <div class="neco"></div>
A pokud je v HTML ID tak je to kvuli javascriptu (už jsem to na webech viděl)
Jinak v CSS se to značí pro ID #nazevID a u CLASS se to značí s tečkou takže - .nazevTridy

 
Odpovědět
4.1.2022 21:51
Avatar
LIBOR SEHNAL
Člen
Avatar
LIBOR SEHNAL:5.1.2022 11:41

V článku je použito <div id="centrovac" class="domu-article"> bez předchozího vysvětlení, resp. člověk se o jeho funkci dočte až na samotném konci. V tomto případě jsem stáhl přiložený soubor a v CSS centrovač našel a zkusil jak se chová abych zjistil jakou má v kódu funkci a rozuměl uvedenému kódu před tím, než jsem dočetl článek. Jinak opět super.

 
Odpovědět
5.1.2022 11:41
Avatar
Michal Dvořák
Člen
Avatar
Odpovídá na Jurajs
Michal Dvořák:6.1.2022 14:03

Díky. Velice užitečný odkaz.

 
Odpovědět
6.1.2022 14:03
Avatar
Mirek Nikel
Člen
Avatar
Mirek Nikel:18.1.2022 13:22

Nakonec jsem na vše přišel, ale chce to hodně úsilí, dopídit se co kam přidat, aby vše fungovalo jak má. Uvítal bych větší část kódu, abych věděl co a kam mám přidat. Třeba "background" , dost sem tápal, kam přesně přiřadit...

 
Odpovědět
18.1.2022 13:22
Avatar
Matej Quarda
Člen
Avatar
Matej Quarda:28.1.2022 12:41

Zdravím,
jak píší pisatelé nade mnou, tak ani mě není jasné, kde se vzal (tu se vzal) <div>, když o pár řádků výše autor píše, že se nepoužívá. A stejně jako min. jeden pisatel, i já se v tom začínám ztrácet, protože některé termíny nejsou dostatečně vysvětlené, včetně návazností. Ale dobrá, to je to nejmenší.
Stáhl a zkontroloval jsem si styl.css i index.html, své mám nyní identické.. ale přesto moje stránka vypadá takto (viz příloha):
Nechápu, jak docílím mírného odsazení zleva, když já mám vše zarovnané do středu.

 
Odpovědět
28.1.2022 12:41
Avatar
Alex
Tvůrce
Avatar
Odpovídá na Matej Quarda
Alex:3.2.2022 1:27

Ve styl.css je pro id #centrovac nastavená hodnota margin: 0 auto - tedy že nahoře a dole bude odsazení 0px a zleva a zprava auto - tedy na každé straně stejné.
Pro mírné odsazení od levého okraje použij:

margin-left: *(nějaká hodnota)*;
 
Odpovědět
3.2.2022 1:27
Avatar
Dominik Bican
Člen
Avatar
Dominik Bican:10.2.2022 15:07

Tady musím skutečně souhlasit s příspěvky výše. Až doteď to bylo všechno naprosto srozumitelné, člověk se dobře orientoval. Tato lekce je ale opravdu matoucí, není vidět kód v širším kontextu, takže někdy člověk opravdu váhal, kam co napsat.
Až když jsem si stáhl ten .zip soubor, tak jsem mohl porovnat se svými zdrojovými kódy a případné drobnosti opravit.
Vysvětlení mnoha pojmů je celkově nedostatečné, spoustu kódu člověk jen zkopíroval a z tohoto článku nejsem schopen vydedukovat, k čemu přesně slouží.
Jsem velice zvědavý na následující cvičení, to bude zřejmě očistec :-)

 
Odpovědět
10.2.2022 15:07
Avatar
Bc.Mahmoud Alqimah
Člen
Avatar
Bc.Mahmoud Alqimah:16.2.2022 14:04

jsem nerozuměl jak to delaji
zkoušel jsem kopirovat cody a nebylo stejny vysledky
myslím že neco chybi

Odpovědět
16.2.2022 14:04
Mody
Avatar
Adam Tyrpak
Člen
Avatar
Adam Tyrpak:24.2.2022 21:51

Tento článek jsem již prošel asi rok (možná dva) dozadu a tenkrát bylo vše vysvětlené a pochopitelné. Vrátil jsem se zpět, abych si věci zopakoval a konečně dotáhl svou výuku do konce, ale toto je příšerné. Do této lekce mi přišlo, že je vše původní, ale jakoby tuto lekci psal úplně někdo jiný. Není pořádně vysvětlená, spousta pojmů a tagů jsou jen naházeny bez předchozího vysvětlení... Budu si muset všechno zjistit někde jinde... Například proč tahle část kódu

article h1, h2, h3, h4, h5, h6 {
    padding: 10px 0;
    color: #00155f;
    width: max-content;
}

posune a zarovná nadpisy vlevo... Prostě nemám ponětí a v článku se to nedozvím... Až postupným komentováním css sekcí jsem se dozvěděl, že to má na svědomí tato část... Ovšem co ta část znamená netuším.

Prostě z této lekce jsem si moc neodnesl a pánbůh mi pomoz, abych se neztratil v úlohách.

Odpovědět
24.2.2022 21:51
Selhání není propast nebo překážka. Jsou to dveře k novým možnostem, které bychom bez ponaučení z chyb neměli šanci o...
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 382.