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


Zobrazeno 12 zpráv z 12.
K personalizaci obsahu a reklam, poskytování funkcí sociálních médií a analýze naší návštěvnosti využíváme soubory cookie. Informace o tom, jak náš web používáte, sdílíme se svými partnery pro sociální média, inzerci a analýzy. Partneři tyto údaje mohou zkombinovat s dalšími informacemi, které jste jim poskytli nebo které získali v důsledku toho, že používáte jejich služby.
Používáme nezbytné cookies pro fungování webu a s tvým souhlasem také analytické a marketingové cookies.
Zajišťují základní funkce, bezpečnost a služby, které sis vyžádal. Nelze je vypnout.
| 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 | Správa značek a načítání měřicích nástrojů webu. | Žádné | Neukládá se | |
| Google Fonts | Načítání typografie webu. | Úložiště řízené poskytovatelem | Dle podmínek poskytovatele | |
| Google Hosted Libraries | Načítání potřebných knihoven a stylů webu. | Úložiště řízené poskytovatelem | Dle podmínek poskytovatele | |
| Google reCAPTCHA | Ochrana formulářů a webu před zneužitím. | _GRECAPTCHA, rc::a, rc::b, rc::c, rc::f | Relace až 180 dní | |
| YouTube | 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 |
Pomáhají nám porozumět používání webu a zlepšovat ho.
| Služba | Poskytovatel | Účel | Cookies a úložiště | Doba uložení |
|---|---|---|---|---|
| Google Analytics 4 | 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 |
Slouží k měření kampaní, personalizaci reklamy a marketingové komunikaci.
| Služba | Poskytovatel | Účel | Cookies a úložiště | Doba uložení |
|---|---|---|---|---|
| Google Ads | 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 | 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 |
V předchozím kvízu, Online test znalostí HTML a CSS, jsme si ověřili nabyté zkušenosti z kurzu.


Bez kódu ti asi těžko napíší, kde máš chybu...
Obecně CSS funguje přidělováním tříd (class)/ID/elementů (div, span, article, footer,...):
#id
{
id se píše s "#" na začátku
}
.class
{
třída se píše s tečkou na začátku
}
div
{
takto se nastavuje element - nyní div
}
HTML:
<element id="ID" class="Class">
třeba:
<span id="Caption" class="DownBox">
To je vše... 
Přičemž:
ID postihne jen jeden jediný prvek - ID je jedinečná adresa - více jich být nemůže - lze je jen vypsat:
id1, id2, id3
{
...
}
Class postihne všechny elementy s touto třídou - může jich být více bez vypsání - a nezáleží na typu elementu...
Element - postihne jeden celý element - třeba H1/Header/...
??
Vždyť to píši obecně... A myslím, že pochopit to z toho jde...
Odkazuješ se na ID "ID", ale v definici máš "id". Odkazuješ se na class "Caption", ale definuješ "class". To je obecné? To je nefunkční. Začátečník z toho může být jenom zmatený. Nejde to z toho pochopit.
Když už píšeš příklady, tak pořádně nebo je nepiš vůbec.
CSS
#id
{
}
.class
{
}
div
{
}
HTML
<div id="id" class="class">
...
Ne. Vždyť v tom CSS nemáš žádné definice. Kdybys tam dal alespoň změnu barvy pozadí, rámeček, cokoliv.
Tu párovost jsem na mysli neměl, tak daleko jsem nedočetl.
Zkusil bys napsat funkční ukázku nebo to raději přenecháš jiným?
Já už si opravdu připadám jako úplný idiot co nic neumí - vše mi říkáš takovým způsobem - aaa - nee - v klidu:
CSS:
#id
{
width: 80px;
height: 20px;
}
.class
{
border: solid;
}
div
{
background: #00ffff;
}
HTML:
<div id="id" class="class"></div>
Vysvětli mi, proč byl předchozí kód nefunkční - protože funkční rozhodně byl - že jsem neměl nic uvnitř - no a - to neřeší funkčnost - to bych to musel mít špatně...
Abych jen nerýpal, tak předělám tu část HTML:
<div id="id">
Nějaký text <span class="class">v rámečku</span> s barevným pozadím.
</div>
Aby ten rámeček nějak vypadal, může se trochu upravit i příslušná část v CSS:
.class {
border: 1px solid blue;
}
Zobrazeno 12 zpráv z 12.