Služba	Poskytovatel	Účel	Cookies a úložiště	Doba uložení
ITnetwork	ITnetwork	Provoz webu, relace, přihlášení a uložení nastavení cookies.	PHPSESSID, auth_token, sid, itn_consent_impression, __Host-itn_consent	Relace až 1 rok
Google Tag Manager	Google	Správa značek a načítání měřicích nástrojů webu.	Žádné	Neukládá se
Google Fonts	Google	Načítání typografie webu.	Úložiště řízené poskytovatelem	Dle podmínek poskytovatele
Google Hosted Libraries	Google	Načítání potřebných knihoven a stylů webu.	Úložiště řízené poskytovatelem	Dle podmínek poskytovatele
Google reCAPTCHA	Google	Ochrana formulářů a webu před zneužitím.	_GRECAPTCHA, rc::a, rc::b, rc::c, rc::f	Relace až 180 dní
YouTube	Google	Přehrávání vloženého video obsahu.	localStorage, IndexedDB; cookies after playback interaction	Relace až trvalé úložiště
Vimeo	Vimeo	Přehrávání vloženého video obsahu.	__cf_bm, _cfuvid, vuid, localStorage, IndexedDB	Relace až 2 roky
Facebook Login	Meta	Přihlášení pomocí účtu třetí strany.	Úložiště řízené poskytovatelem	Relace až 1 rok
GoPay	GoPay	Zpracování uživatelem vyžádané platby.	Úložiště řízené poskytovatelem	Dle podmínek poskytovatele

Služba	Poskytovatel	Účel	Cookies a úložiště	Doba uložení
Google Analytics 4	Google	Měření návštěvnosti a používání webu.	_ga, _ga_*	Až 2 roky
Microsoft Clarity	Microsoft	Měření návštěvnosti a používání webu.	_clck, _clsk, _cltk	Relace až 1 rok

Služba	Poskytovatel	Účel	Cookies a úložiště	Doba uložení
Google Ads	Google	Měření kampaní, reklama a remarketing.	_gcl_au, _gcl_ls	Relace až 90 dní
Meta Pixel	Meta	Měření kampaní, reklama a remarketing.	_fbp, _fbc, localStorage	Až 90 dní
Sklik	Seznam.cz	Měření kampaní, reklama a remarketing.	retargeting, sid, szn:*	Relace až trvalé úložiště
LinkedIn Insight	LinkedIn	Měření kampaní, reklama a remarketing.	bcookie, li_gc, lidc, __cf_bm	Relace až 1 rok
Ecomail	Ecomail.cz	Měření kampaní, reklama a remarketing.	ecmid, Úložiště řízené poskytovatelem	Dle podmínek poskytovatele
Atribuce kampaní ITnetwork	ITnetwork	Přiřazení návštěvy a objednávky ke kampani.	campaign_clid[*], user_session_context	Až 1 rok

Diskuze: Co znamená když nastavím v CSS že html {width:100%;}

Naučíme tě pracovat na home-office.

Zjistit více...

V předchozím kvízu, Online test znalostí HTML a CSS, jsme si ověřili nabyté zkušenosti z kurzu.

Aktivity

AdamPavlin

Člen

AdamPavlin:1.12.2021 23:58

html, body {width:100%; height:100%}

Jaký je tu rozdíl mezi body a html?

Zkusil jsem: Zkoušel jsem se ptát na stack overflow, ale stránka mi to neumožnila, že mám špatně zadanou otázku.

Chci docílit: Nastavit aby bylo body na celý obrazovce... a na zaklade toho dál nastavovat stránku.

Odpovědět

1.12.2021 23:58

Peter Mlich

Člen

Peter Mlich:2.12.2021 7:46

Zkus pouzivat bootrstrap. To je css knihovna, ktera css ma hotove, ty ho jen musis zapsat do html pomoci class.

K tve otazce...
https://getbootstrap.com/…ntroduction/#…

<!doctype html>
<html lang="en">
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- Bootstrap CSS -->
    <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">

    <title>Hello, world!</title>
  </head>
  <body>
    <h1>Hello, world!</h1>

    <!-- Optional JavaScript; choose one of the two! -->

    <!-- Option 1: Bootstrap Bundle with Popper -->
    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>

    <!-- Option 2: Separate Popper and Bootstrap JS -->
    <!--
    <script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-7+zCNj/IqJ95wo16oMtfsKbZ9ccEh31eOz1HGyDuCQ6wgnyJNSYdrPa03rtR1zdB" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-QJHtvGhmr9XOIpI6YVutG+2QOK9T+ZnN4kzFN1RtK3zEFEIsxhlmWl5/YESvpZ13" crossorigin="anonymous"></script>
    -->
  </body>
</html>

Toto je takova bezna struktura stranky. Vidis tam tag HTML, tag BODY. Co nevidis, ze nat html je jeste objekt WINDOW (ktery je pristupny treba pres javascript).
100% znamena, ze se pouzije 100% (sirky/vysky) nadrazeneho objektu.
Pokud ma window 300 px, tak 100% bude 300px.
Pozn.: 100% height u html, body ne vzdy funguje (podle prohlizece)
Pozn.: 100% width se muze chovat nezvykle (podle prohlizece), pokud menis rozmery okna, full screen, window mode, ruzne stahujes sirku okna.
Pozn.: html, body miva nastavene obcas margin.
Pozn.: obsah muze sirku pretect, pak zacnou fungovat trochu jina pravidla se scroll-bary a ty si muzou sirku ukousavat.

Otazkou ted je, jaky konkretni problem nastal u tebe? Nebo se jen tak obecne ptas, zda existuje tag html, body, kde a jak se pise a proc?

Pozn.: V html kodu jde o strukturu. Musi byt obdelnicky v obdelnickach. A celou stranku uzavira tag html.
Pozn.: Html ani body mit v kodu nemusis. Prohlizec si je tam sam doplni, kde chce.Coz nekdy nemusi byt tam, kde bys je rad. A tez se mozna nebudou dat stylovat pres css tagy, ktere oficialne v kodu nemas.

Nahoru Odpovědět

2.12.2021 7:46

AdamPavlin

Člen

AdamPavlin:2.12.2021 13:58

Jen sem se jen tak ptal. Fungovalo mi to i s tím html, body {height:100%} ale děkuji za další info.

Nahoru Odpovědět

2.12.2021 13:58

Peter Mlich

Člen

Peter Mlich:2.12.2021 15:17

Ok. Tak si jen dej bacha na marginy a padingy. Vim, ze je tam nejaka zaludnost a nastavuji se oba na 0, pro jistotu.

Nahoru Odpovědět

2.12.2021 15:17

Jurajs

Člen

Jurajs:2.12.2021 20:12

Ano na margin a padding dávej bacha...Já když píšu HTML a CSS, tak si na začátku CSS napíši tento kus kódu

*{
   margin: 0;
  padding: 0;
}

Hvězdička značí, že se ti margin a padding vynulují u všech elementů, tohle je fakt dobrá věc

Nahoru Odpovědět

2.12.2021 20:12

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 5 zpráv z 5.

Nejčastěji vyhledáváné

Diskuze: Co znamená když nastavím v CSS že html {width:100%;}