43. Tvorba webových stránek (HTML a CSS) - Position relative a static

HTML a CSS jsou jazyky, které vám pomohou vytvořit vlastní webovou stránku od základu. Napíšete si web přesně tak, jak budete chtít. Uvidíte, že HTML a CSS jsou jednoduché a zábavné. V kurzu se vše naučíte od úplných základů. Nejsou zapotřebí žádné předchozí znalosti. Budeme postupně web budovat a seznamovat se s tím, co k tomu potřebujeme. Až toho budeme znát dost, tak si pomocí HTML a CSS vytvoříme první stránky, které budou vypadat k světu.

[@robertvitek2530]

Super videa, už jsem se hodně naučil a mimochodem máš podobný hlas jako Petr Mára.

[@hacknisvoubudoucnost]

Díky :-) Jsem rád, že videa pomáhají lidem se posunout dál

[@tomashruska_25]

taky super návod 💪

[@matejmensik8917]

zdravím, pokud datum posunu nahoru, řádek mi překrývá text pozice i pokud smažu pozadí, poradil by jste mi, v čem je chyba?

[@hacknisvoubudoucnost]

Ahoj, to takto na dálku bohužel nedokáži říci. Jako první bych zkusil kód hodit do GPT. On problém najde. Je také možné kód dát k nám na discord a tam ti jistě někdo poradí.

[@martintomko651]

Ahoj, prosim ta, je rozdiel medzi position relative a position flex?

[@hacknisvoubudoucnost]

Ahoj, flex-box je možnost, jak udělat poměrně rychle resonzivitu (přizpůsobení mobilům a tabletům). Nepotřebuješ k tomu tolik kódu. Pozicování pomocí relativ je jen o umístění prvku a jeho posunutí.

[@martintomko651]

@@hacknisvoubudoucnost ďakujem :) si super, ze sa snazis odpovedat naozaj kazdemu

[@digestor600]

Dobrý večer, jen se chci zeptat, proč když chci jak jste v jednom videu ukazoval. Když chci aby na stránce bylo vidět video, ne jako odkaz, ale aby se návštěvník mohl kouknout na to video z webu, tak mi odpoví : "Web {stránka} odmítl připojení. Díky

[@hacknisvoubudoucnost]

Dobrý večer, tak to se mi ještě nestalo. Zkuste ještě jiné video z RUclips, jestli to bude to samé. Je možné videa zakázat pro vložení na cizí stránky, tak jestli to není tento případ.

[@roland6778]

Nevadilo by ničomu ak by som dal na začiatku CSS pri hviezdičke position na relative?

[@hacknisvoubudoucnost]

Samo o sobě ne. Position relative vše zarovnává vůči své výchozí pozici. Ale asi to nebude běžný postup :-)

[@capslockon5827]

Dobrý den,
já mám takový problém že u toho textu (u vás date)
se mi posouvá i background celé mé stránky (když mám bílý background ,tak se to neděje[to nechci])
Tak bych se chtěl zeptat jak to vyřešit
Edit : background-color : none; nejde

[@hacknisvoubudoucnost]

Dobrý den, bohužel si nedokáži představit, jak to u vás vypadá a funguje. Co znamená, že se posouvá background? Že se posune nahoru a dole máte bílý pruh?

[@capslockon5827]

@@hacknisvoubudoucnost No já mám:
*{
background color: ...nějaká barva...;
}
takže když dám např.
.date{top:50 px;}
Tak se mi posune background celé stránky ,ale bílý pruh tam není.

[@hacknisvoubudoucnost]

@@capslockon5827 Zkus dát background pouze body a ne *. Popř. zkus jet v kurzu dál a uvidíš, jestli objevíš něco, čím to pak srovnáš

[@capslockon5827]

@@hacknisvoubudoucnost Děkuji moc fungovalo to, jste skvělý učitel

[@hacknisvoubudoucnost]

@@capslockon5827 Super, to jsem rád 🙂

[@remesko4527]

Prosím, né vod, ale od . Od prahy? :D . Blbě se mi poslouchá to v před o . ..... vokno, vod spoda..... Máš skvělé videa. A vím že se podívám nejspíš na všechny. Ale do budoucna to o před v zkus doladit. A neříkat v kdys tam nepatří.
Ber to jako krok k zlepšení.

[@hacknisvoubudoucnost]

Díky za zpětnou vazbu. Uvidím, co s tím zmůžu :-)

[@remesko4527]

@@hacknisvoubudoucnost děkuji

[@kikitauer]

@Remesko Video je středního rodu a podle shody podnětu s přísudkem by tvá věta měla znít "Máš skvělá videa". Ber to jako krok k zlepšení

[@kryptonaut-p3d]

Nech nás Moraváky. My tak mluvíme normálně :)

[@JanKral-ni2lo]

My Slezané tak taky mluvíme, je to náš hantec, to se pozná. Mě se líbí. Žít a nechat žít.

[@MegaEari]

U nekterych lekci mi hori hlava..neco mi jde hned..ale postupuju vpred..je to 14 dnu, co jsem zacal..je mi 34 a rozhodl jsem se, ze zmenim job..tohle beru jako absolutni start..neco jako kdyz se ucim abecedu...snad to dokazu dotahnout do zdarneho konce.. jinak Davide uprimne smekam...pamatuju si na ucitelku informatiky z gymplu...prolezl jsem to tak tak..kdyby tam byl nekdo s podobnym talentem na uceni jako mas ty, tak si to rozhodne zamiluju a kdovi, kde bych byl ted...

[@hacknisvoubudoucnost]

Jsem moc rád, že se ti kurzy líbí :-) Když začínáš, tak je toho hodně. Mě se vyplatilo vždy na chvíli přestat s novými videi a zkusit si vše znova. Založit nový projekt, zkusit si, co vím. A prostě si hrát. Upevnit základy. A pak jet zase kus dál. A takto stále dokola.

[@MegaEari]

@@hacknisvoubudoucnost Ja to tak vicemene delam..pri každém novem videu upravuju i predchozi věci, když se mi neco nezda..ale jsou tam jeste slepé místa, kdy si musim danou věc zpetne vyhledat protoze mi to zmizi z hlavy..tesim se az se prokousu timhle a vrhnu se na js. Mam takove tuseni, ze tam zacne teprve to pravé peklo😂🙏

[@hacknisvoubudoucnost]

@@MegaEari Tam začne ta pravá programátorská zábava 😃 Jdi pak rovnou na zelený kurz JavaScriptu. Ten žlutý je už starší.

[@MegaEari]

@@hacknisvoubudoucnost dobra díky..myslim, ze si nepiseme naposledy 😂😂

[@hacknisvoubudoucnost]

@@MegaEari Budu se těšit 😃