Diskuze: HTML5 - 2 elementy vedle sebe
V předchozím kvízu, Online test znalostí HTML a CSS, jsme si ověřili nabyté zkušenosti z kurzu.
Zobrazeno 8 zpráv z 8.
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.
Jednoduše to asi nejde, chtělo by to vymyslet tak, abys to nepotřeboval, zatím se mi to vždy podařilo.
Pokud jsme pochopil otázku, chce 2 divy vedle sebe aby se ten 2 rozšiřoval
podle výšky prvního. To jde prostě blbě
Můžeš se podívat na novou CSS3
vlastnost boxing, nikdy jsem to nezkoumal, ale třeba by se todalo použít: http://www.itnetwork.cz/…cesky-manual
Dá se to řešit nějakým balením divů a hacky, ale tomu jsem nikdy neholdoval. Také tam můžeš dát tabulku. Nejjednodušší ale bude to vymyslet tak, abys to nepotřeboval, nenapadá mě rozumný případ, kde by to blyo potřeba. Můžeš tam dát třeba pozadí toho nadřazeného divu, aby to vypadalo, že jsou tam 2 stejně vysoké sloupce.
JJ - vymyslel jsem to úplně jinak - udělal jsem si místo paddingem...
Nešlo by alespoň, aby se šlánek rozšířil do svých maximálních rozměrů? Třeba v JS? Tedy takto se přizpůsobuje svému obsahu. Mám možnost zjistit přesnou velikost, ale toto by bylo jednoduší... A trochu mimo - poběží screen.width všude?
Mně to normálně funguje, používám to už roky:
<div style="width:100%; border:solid blue 3px">
<div style="width:10em; float:left; border:solid red 3px">Levý DIV</div>
<div style="width:auto; margin-left:11em; border:solid green 3px">Pravý DIV</div>
</div>
Ty rámečky si pak můžeš vyhodit, jsou tam jen pro ilustraci.
Zobrazeno 8 zpráv z 8.