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.
Člen
Zobrazeno 12 zpráv z 12.
//= Settings::TRACKING_CODE_B ?> //= Settings::TRACKING_CODE ?>
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.