Diskuze: CSS - ustřižené rohy u obdélníku - podpora
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.


myslím, že by se to dělat nemělo, ale zkusil bych to očůrat tak, že bych toto udělal např. přes photoshop a obrázek bych normálně hodil do layoutu přes css (třeba do #headline):
background-image: url(***);
Pro ostatní: hlavně mě za to prosím neukamenujte, nejsem v tom taky nějak extra zdatnej
Můžeš to udělat třemi obrázky - usekneš si levý okraj (to co vypadá jako < ) a pravý okraj ( > ). Z toho prostředku ( = ) si uděláš jeden pixel široký proužek, který nastavíš jako pozadí (které se horizontálně opakuje/roztáhne) a jako další pozadí nastavíš levý okraj, který přilepíš vlevo a pravý okraj, který přilepíš vpravo. Okraje zakryjí na stranách to první pozadí a bude to vypadat jako celek. Navíc v tom může být jakkoliv dlouhý text (akorát pozor, aby zůstal na jednom řádku)
On ten IE toho "neumí" víc - třeba polovinu Input typů, ačkoliv HTML 5
je už zhruba dva roky starý, takže máš možná smůlu a spíš to udělej
jak radí Jiří Gracík
Ale ruku na srdce - kolik lidí používá IE?
Nemá podľa mňa význam robiť miestami weby ako v dobe kamennej, len kvôli jednému prehliadaču. A ak ho niekto naozaj používa tak ho úprimne ľutujem.
Asi 10% uživatelů. To není příliš velké číslo, ale stále jde o vysoký počet uživatelů.
„On ten IE“ má viac verzií, finálna podoba poslednej verzie, ktorá nepodporuje HTML5 vyšla v roku 2009.
IE9 už je pomerne dobre porovnateľný s novými prehliadačmi.
Predmetnú problémovú situáciu ide <a href="http://kod.djpw.cz/qcac">riešiť</a> s podporou už od IE8, pričom v starších prehliadačoch sa nadpis zobrazí centrovaný s rámčekmi zhora a zdola.
Pri dostatočnom množstve elementov by niečo podobné šlo vytvoriť s omnoho lepšou podporou. Nadpis ale ostáva za každých okolností čitateľný, dekorácie nie sú pre zrozumiteľnosť kľúčové.
Netvrdím, že IE vůbec nepodporuje HTML 5. Jen mám takovou zkušenost, že
ani IE 12 neumí Input type Number, nebo jakýkoli, Input, co má něco
společného s datumem, nebo časem.
Mimochodem v tomto ohledu je na tom podobně i Firefox.
< a > bych možná dal jako pozadí pro :before a :after, to by mělo
mít větší podporu než více částí pozadí na elementu, ne? 
Ano, before a after by měly být podporované od css 2, více pozadí od css
3. Nicméně jsem stejně pro to pozdější, protože je to jeden řádek css,
ne další dva selektory a moc pozicování a práce 
No tak to asi ne:
https://developer.mozilla.org/…lement/input
No tak to asi jo 
taky mám pro tebe a Taskkilla jeden odkaz tady "":
v rohu u popisu každého inputu jsou ikonky browserů na kterých to funguje a na kterých ne -mimochodem, co se týče IE neplatí pro edge jak je patrné z oněch ikonek
ale napsat si může co kdo chce jak je vidět z tvého odkazu a tak nejlepší je vlasní zkušenost a tu já na rozdíl od tebe mám
zkus si schválně tohle na FIREFOXU
<!DOCTYPE html >
<html xmlns="http://www.w3.org/1999/xhtml" lang="cz">
<head>
<title>INPUTS</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<meta name="generator" content="Geany 1.25" />
<style>
Input {
width:150px;
height:20px;
margin:30px;
}
</style>
</head>
<body>
<Input type="time" />
<Input type="date" />
<br/>
<Input type="datetime-local"/>
<Input type="month" />
</body>
</html>
na obrázku je pro porovnání to samé i na CHOROMIU
Zobrazeno 12 zpráv z 12.