NOVINKA: Získej 40 hodin praktických dovedností s AI – ZDARMA ke každému akreditovanému kurzu!
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 14 - Obtékání v HTML - Float, Stín

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
Martina Bílková:8.1.2023 23:58

Procházím všechny materiály znovu před závěrečným testem, abych se pokusila pochopit napoprvé nepochopené, ale tady se opět naprosto ztrácím. Rozhodně chybí praktická videa, případně názorné ukázky. Začátečník si pročítáním jednotlivých vlastností nedokáže představit, co prakticky "dělají" a k čemu vlastně slouží. Jen tajně doufá, že v dalších lekcích se dobere nějakého určitého sepnutí, vysvětlení a následného pochopení, k čemuž bohužel nedojde a to zoufalství se už jen prohlubuje. Samozřejmě je toto jen můj pohled a vnímání, negeneralizuji.

 
Odpovědět
8.1.2023 23:58
Avatar
Adrien Junga
Člen
Avatar
Adrien Junga:16.1.2023 3:57

Všechny zdravím.

Také jsem měl problém (konkrétně od okamžiku, kde je napsáno abychom obrázek vrátili na své původní místo). Vzhledem k předchozím materiálům se obrázek původně nachází hned za otevíracím tagem <section>, ale po stažení ukázkového souboru zde ze stránky jsem zjistil, že se přesunul za uzavírací tag </section>. Bohužel v této ani v předchozích kapitolách o tom není zmínka. (Možná jsem to přehlédl, ale 3x jsem se vracel a pročítal znovu a nenašel jsem.). Vše ostatní jinak funguje podle popisu.

Přeji Good lock. :)

 
Odpovědět
16.1.2023 3:57
Avatar
Adrien Junga
Člen
Avatar
Adrien Junga:16.1.2023 4:00

Zdravím,

rád bych se zeptal, zda jsem to jen přehlédl nebo se někde v této či předchozích kapitolách nachází, že se tag <img> přesunul ze svého původního místa za otevíracím tagem <section> za uzavírací tag </section>. Logicky to vyplyne ze souvislosti, ale je to matoucí. Minimálně mě to zavařilo hlavu na půl hodiny. :D

Díky!

 
Odpovědět
16.1.2023 4:00
Avatar
Miluše Gaigerová:17.1.2023 11:12

img ne a ne dostat na pravou stranu dle vzoru.
Ač jsem měla css stejně jako vzor, tak jsem si kód přepsala vaším z předlohy. Stejně jsem img nedostala na pravou stranu.
Zkoušela jsem již všechny varianty.

  1. Dám img pod "</section>": nadpis vlevo nahoře a pod obrázek, text vpravo.
  2. Dám img pod poslední "<p>" v sekci "<section>" : Nadpis v levém sloupci, text vpravo nahoře a img pod textem
  3. Dám img jako první pod "<section>": Nadpis v levém sloupci, img jako první nahoře v pravém sloupci a text pod img
  4. Dám img mezi "</header> a <section>": pak se mi to zobrazí jako vzor z této lekce, ale nemyslím, že by to bylo správně. (Funguje to zřejmě na posloupnosti jak je zapsáno pořadí a to určitě není správné řešení)

Všechny tyto varianty vyzkoušeny:
**
"<p><img class="centrovany" src="" alt="" class="avatar" /></p>"
"<img class="centrovany src="" alt="" class="avatar" />"
"<p><img src="" alt="" class="avatar" />"
"<img src="" alt="" class="avatar" />"
"<p class="centro­vany"><img src="" alt="" class="avatar" />"

**
a ještě otázka proč ve vašem kódu v styl.css je rozdělen:
**"article {
flex: 1;"

a

"article {
margin: 0 auto;
max-width: 960px;"
}**
(je nějaký problém v zápisu takto ?
"article {
flex: 1;
margin: 0 auto;
max-width: 960px;
}"

Nebo je zde taktéž něco, co mně uniklo?)

Po přečtení komentářů musím souhlasit, že by přišel vhod kód z Visual Studio stránky index.html

Odpovědět
17.1.2023 11:12
nic není nemožné
Avatar
David Hartinger
Vlastník
Avatar
David Hartinger:20.1.2023 12:28

Aktualizace - Lekci jsme zjednodušili odebráním CSS grid.

Odpovědět
20.1.2023 12:28
New kid back on the block with a R.I.P
Avatar
Odpovídá na David Hartinger
Marina Gagloeva:22.1.2023 14:15

Pravě jsem to studovala. Pak odskočila jsem na chvilku, a když jsem se vratila, bylo to ptyč. Myslila jsem, žě blazním 😂

 
Odpovědět
22.1.2023 14:15
Avatar
David Hartinger
Vlastník
Avatar
David Hartinger:10.2.2023 12:38

Aktualizace: Lekci jsme zjednodušili přesunutím flexboxu dále do kurzu.

Odpovědět
10.2.2023 12:38
New kid back on the block with a R.I.P
Avatar
Edita Lukášová:5.3.2023 14:12

Mám takový dotaz, možná off-topic: k obrázku jsem si nastavila stín a rámeček, ale když u něj teď při obtékání zadám padding, tak stín ani rámeček na to nereagují. Přikládám obrázek, kde je to patrné. Dělám něco blbě?

 
Odpovědět
5.3.2023 14:12
Avatar
Edita Lukášová:5.3.2023 15:04

update k mé otázce nahoře: když místo padding použiju margin, tak to funguje jak u stínu, tak u rámečku. Nevím proč, ale to nevadí ;-).

 
Odpovědět
5.3.2023 15:04
Avatar
andreagross
Člen
Avatar
andreagross:1.4.2023 10:53

Asi jsem něco zaspala ale hned u první věci netuším....kdy jsme dali obrázek do .avatar?

 
Odpovědět
1.4.2023 10:53
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 250.