NOVINKA: Získej 40 hodin praktických dovedností s AI – ZDARMA ke každému akreditovanému kurzu!
Hledáme nové posily do ITnetwork týmu. Podívej se na volné pozice a přidej se do nejagilnější firmy na trhu - Více informací.

Diskuze – Lekce 10 - Třídní selektor a stylování textu v CSS

Zpět

Upozorňujeme, že diskuze pod našimi online kurzy jsou nemoderované a primárně slouží k získávání zpětné vazby pro budoucí vylepšení kurzů. Pro studenty našich rekvalifikačních kurzů nabízíme možnost přímého kontaktu s lektory a studijním referentem pro osobní konzultace a podporu v rámci jejich studia. Toto je exkluzivní služba, která zajišťuje kvalitní a cílenou pomoc v případě jakýchkoli dotazů nebo projektů.

Komentáře
Avatar
albertpatera
Tvůrce
Avatar
 
Odpovědět
7.6.2014 19:29
Avatar

Člen
Avatar
Odpovídá na Vilém Koleček
:7.6.2014 20:29

Není úplně pravda, že to nejde udělat, pro většinu problémů v IE je udělaný nějaký fallback nebo polyfill. Většinou se to dělá takhle, než kvůli nefunkční IE zahodit celý HTML5 a CSS3. HTML5 tagy se dají do webu implementovat přes různé scripty, které vytvořily nějací jiní kódeři. Nejznámější z takových scriptů je HTML5shim (nebo také HTML5shiv, je to v podstatě to stejné) na tomto linku najdeš instrukce jak to použít - http://code.google.com/p/html5shiv/ , jen zkopíruješ ten kód a vložíš ho do <head>. Ten dokument je pod MIT a GPL licencí, takže to můžeš v pohodě používat.

S tím text-shadow se to dělá trochu jinak, protože IE už má od starších verzí svůj způsob na stínování textu. dělá se to přes filter. Tady je link jak to vypadá - http://jsfiddle.net/dmM2S/3584/
Normálně definuješ klasický text-shadow pro prohlížeče, které ho podporují a pro IE tam napíšeš ten filter. Novější verze IE už normálně podporují text-shadow, ale ten filter je stejně nutné nastavovat, kdyby někdo používal starší prohlížeč.
Tady je link, kde si můžeš zjistit jaký prohlíže podporuje které CSS3 http://caniuse.com/#…

Editováno 7.6.2014 20:33
 
Odpovědět
7.6.2014 20:29
Avatar
Odpovídá na
Vilém Koleček:8.6.2014 10:34

Supeer :D Přesně tohle jsem potřeboval, dík :)

 
Odpovědět
8.6.2014 10:34
Avatar
Vilém Koleček:8.6.2014 10:58

Jo, a už jsem přišel na to, proč to nefunguje, mám totiž IE 8 a na windows XP devítka nefunguje... Takže asi budu ppotřebovat nový OS :D

 
Odpovědět
8.6.2014 10:58
Avatar

Člen
Avatar
Odpovídá na Vilém Koleček
:8.6.2014 15:38

V IE8 to je s podporou a fallbacky ještě o něco horší, nicméně čím starší verze IE, tím méně lidí ji používá. Na některých moderních webech se s tím už ani nedělají, jen pro lidi se starou IE vypíší hlášku, že jim web nebude fungovat.

Tady můžeš vidět jaká je statistika užití IE http://www.w3schools.com/…explorer.asp

 
Odpovědět
8.6.2014 15:38
Avatar
vojtanosek
Člen
Avatar
vojtanosek:12.5.2015 16:29

Zaujaly mě ty stíny!! :D Chci vědět všechna čísla s tou mřížkou :). Není někde odkaz na stíny barev?

 
Odpovědět
12.5.2015 16:29
Avatar
vojtanosek
Člen
Avatar
vojtanosek:17.6.2015 19:43

Prakticky float a text-align mají stejné vlastnosti, ale text-align má zase trochu jinší a může se používat skoro všude.

 
Odpovědět
17.6.2015 19:43
Avatar
Odpovídá na vojtanosek
Michal Šmahel:17.6.2015 21:27

Float a text-align mají odlišné vlastnosti.
Float (obtékání) slouží k nastavení směru obtékání ("pozice" vůči elementu)
Text-align (zarovnání textu) slouží k různým zarovnáním ("přesouváním") textu.

Odpovědět
17.6.2015 21:27
Nejdůležitější je motivace, ovšem musí být doprovázena činy.
Avatar
vojtanosek
Člen
Avatar
Odpovídá na Michal Šmahel
vojtanosek:17.6.2015 22:14

Tohle myslím. Nevím jak bych to vysvětlil, ale přesně tohle myslím. Jinak text-align slouží i k přesouvání ... obsahu a ne jen textu.

 
Odpovědět
17.6.2015 22:14
Avatar
Odpovídá na vojtanosek
Michal Šmahel:17.6.2015 22:27

Vím, ale primárně textu. Pokud však dáš tuto vlastnost <div>u, pohne se obsah.

div {
    text-align: center; /* Vycentruje obsah divu */
}
Odpovědět
17.6.2015 22:27
Nejdůležitější je motivace, ovšem musí být doprovázena činy.
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 10 zpráv z 127.