NOVINKA - Online rekvalifikační kurz Java programátor. Oblíbená a studenty ověřená rekvalifikace - nyní i online.
NOVINKA – Víkendový online kurz Software tester, který tě posune dál. Zjisti, jak na to!

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.

Aktivity
Avatar
Neaktivní uživatel:27.7.2016 21:02

Ahoj, potřeboval bych radu jakým způsobem nastylovat prvek v příloze. Zkoušel jsem reportovat na http://stackoverflow.com/…ading-elemet ale bohužel nevím jakým způsobem udělat podporu pro IE9-11

Odpovědět
27.7.2016 21:02
Neaktivní uživatelský účet
Avatar
Neaktivní uživatel:28.7.2016 9:26

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

Editováno 28.7.2016 9:26
Nahoru Odpovědět
28.7.2016 9:26
Neaktivní uživatelský účet
Avatar
Odpovídá na Neaktivní uživatel
Neaktivní uživatel:28.7.2016 10:56

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)

Nahoru Odpovědět
28.7.2016 10:56
Neaktivní uživatelský účet
Avatar
ostrozan
Tvůrce
Avatar
Odpovídá na Neaktivní uživatel
ostrozan:28.7.2016 16:41

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?

 
Nahoru Odpovědět
28.7.2016 16:41
Avatar
Ján Timoranský:28.7.2016 17:30

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.

Nahoru Odpovědět
28.7.2016 17:30
Find what you love and let it kill you.
Avatar
Odpovídá na ostrozan
Neaktivní uživatel:28.7.2016 18:25

Asi 10% uživatelů. To není příliš velké číslo, ale stále jde o vysoký počet uživatelů.

Nahoru Odpovědět
28.7.2016 18:25
Neaktivní uživatelský účet
Avatar
Tomáš123
Člen
Avatar
Odpovídá na ostrozan
Tomáš123:28.7.2016 19:07

„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">ri­eš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é.

Nahoru Odpovědět
28.7.2016 19:07
Keby nebolo Internetu Exploreru, nebolo by dnešného internetu.
Avatar
ostrozan
Tvůrce
Avatar
Odpovídá na Tomáš123
ostrozan:28.7.2016 20:07

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.

Editováno 28.7.2016 20:08
 
Nahoru Odpovědět
28.7.2016 20:07
Avatar
Honza Bittner
Tvůrce
Avatar
Odpovídá na Neaktivní uživatel
Honza Bittner:28.7.2016 21:50

< 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? :-)

Editováno 28.7.2016 21:50
Nahoru Odpovědět
28.7.2016 21:50
FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.
Avatar
Odpovídá na Honza Bittner
Neaktivní uživatel:29.7.2016 13:45

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 :D

Nahoru Odpovědět
29.7.2016 13:45
Neaktivní uživatelský účet
Avatar
Nahoru Odpovědět
29.7.2016 13:47
Neaktivní uživatelský účet
Avatar
ostrozan
Tvůrce
Avatar
Odpovídá na Neaktivní uživatel
ostrozan:31.7.2016 18:38

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

 
Nahoru Odpovědět
31.7.2016 18:38
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 12 zpráv z 12.