Diskuze: Objekt na konec stránky
V předchozím kvízu, Online test znalostí HTML a CSS, jsme si ověřili nabyté zkušenosti z kurzu.
Zobrazeno 5 zpráv z 5.
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.


Nejspis ne
Ahoj, nejsem si uplne jist jak to myslis. Jestli aby byla u spodku okna tak to je
position: absolute; //jestli chces aby se prichytilo a zustalo tam pri scrollovani tak fixed
bottom: 0px; //posune dolu
A jestli to myslis aby se jakoby posunul v poradi(div jedna se presunul pod div dva(nemuze to byt kamkoliv)) tak to jde jen pres javascript.
<div>
<div id="jedna">
</div>
<div id="dva">
</div>
</div>
PS: sorry ze pisu bez hacku a carek ale jaksi nemam na vyber 
jestli chces aby se prichytilo a zustalo tam pri scrollovani tak fixed
Ak nie je nejaký nadradený prvok nejako poziciovaný, tak aj pri absolútnej pozícii bude prvok prichytený k oknu (lebo svoju pozíciu počíta od zobrazovacej plochy, viewportu).
A jestli to myslis aby se jakoby posunul v poradi tak to jde jen pres javascript.
To nie je pravda. Ak poznáš výšku aspoň jedného z blokov, ide to celkom funkčne prerobiť.
Tretia možnosť je, že potrebuješ, aby bol nejaký prvok na dne hocijako dlhej stránky s hocijakým obsahom (ale na to, aby sme vedeli, čo potrebuješ, si tu ty). Obalovému bloku nastav relatívnu pozíciu. Vytvoríš tak nový počiatok súradnicového systému pre vnorené pozície. Vnorené absolútne poziciované prvky tak nebudú počítať svoju pozíciu od dostupnej zobrazovacej plochy, ale od nadradeného prvku. Bottom: 0 tak posunie prvok na dno obalového bloku. Pozor však na to, že absolútne a fixne poziciované prvky sú vyňaté z toku dokumentu, takže sa im ostatný obsah neuhýna. Prípadne to treba ošetriť spodným paddingom...
Zobrazeno 5 zpráv z 5.