CrazyDog ~ Multi-blog

Stylování podle lang jazyků

Po, 13. srpen 2007, 23:06

Pokud děláte více jazyčný web anebo jen citujete originál text v cizím jazyku, tak se vám tento CSS trik jistě hodí.

Jde o to, že když napíšete nějaký text v cizím jazyku (například anglicky), tak do tagu ve kterém bude dáte lang=„en“, takže celý kód bude vypadat například:

<strong>Oficiální text:</strong>
<p lang="en">A small puzzle game in which your goal is to remove all tiles from the table.</p>
<p>A další text.</p>

A do CSS dáte:

p:lang(en) {
  color: blue;
  /* a další stylování podle vašeho uvážení */
}

A hotovo. Tento trik patři mezi CSS2 a funguje v gecku (Mozilla, Firefox), v Opeře a Internet Explorer je zase v koncích jak už verze 6.0, tak i verze 7.0 si s tím neumí poradit.

Náhled CSS triku najdete zde.

≈

ø 3 (1593 hlasů) ≈ Návratnost

(Pokročilé formátování ...) « Starší článek | Novější článek » (Náhled textu z textare...)

Související články

Hodnocení

Děkuji za hodnocení

Štítky: CSS, tutoriál, zobrazit všechny štítky
! Našli jste v článku gramatické či pravopisné chyby? Je to z důvodu autorovy nemoci zvané dysgrafie. Tudíž všem děkuji za pochopení a každý článek pokud možno nechávám projít korekturou. !

Zatím 11 komentářů

web - reaguj - #94kralikv Út, 14. srpen 2007, 10:27

Chytrý, dík *5*

Firefox 2.0.0.6 / Windows XP

web - reaguj - #95Pajahv Út, 14. srpen 2007, 10:43

Ten článek si mohl pojmenovat spíš podmínky v CSS ale budiž *5* *5*

Opera 9.22 / Windows XP

reaguj - #96Dashv Út, 14. srpen 2007, 11:04

> Internet Explorer je zase v koncích
Takže je tento příklad zcela k ničemu a v praxi nepoužitelný…

MSIE 7.0 / Windows Vista

web - reaguj - #97CrazyDog muž

v Út, 14. srpen 2007, 12:08

Dash: Jde to samozřejmě ošetřit JavaScriptem, ale to jsem tady už nechtěl dávat. No ale asi ho sem dám.
{17} *4*

Firefox 2.0.0.6 / Ubuntu Linux

web - reaguj - #100xergicv Út, 14. srpen 2007, 20:15

Ještě by to šlo jako p[lang=„en“], ale nemám ověřené, kde to funguje *7*

Opera 9.23 / Windows XP

web - reaguj - #101CrazyDog muž

v Út, 14. srpen 2007, 20:23

xergic: To je pravda. Funguje úplně stejně jako p:lang(en).

Firefox 2.0.0.6 / Ubuntu Linux

web - reaguj - #231carnerov Pá, 7. září 2007, 13:05

{17} Když už chceš být přesný, tak pseudo-třídy v CSS. O žádné podmínky se nejedná.

Mozilla 5.0 / Linux

reaguj - #481DrFlashv So, 23. únor 2008, 10:03

Drobný detail, Opera ve verzi 9.25 to už spolkne a neni problém… Jinak dobra finta…

Opera 9.25 / Windows XP

web - reaguj - #484CrazyDog muž

v So, 23. únor 2008, 17:47

DrFlash: I starší Opera to zvládá. Jen IE s tím má problém…

Firefox 2.0.0.12 / Ubuntu Linux

reaguj - #812Steakkv Út, 1. prosinec 2009, 23:07

Pěkné…. ale nějak mi uniká využití :) Nestačilo by :

Oficiální text:
A small puzzle game in which your goal is to remove all tiles from the table.
A další text.

.en {
color: blue;
/* a další stylování podle vašeho uvážení */
}

To by šlo všude a výsledek je stejný. Ale třeba mi vážně jen něco uniká, rád se přiučím. Díky za vysvětlení :) Mimochodem díky za článek Zmenšování obrázků při uploadu v PHP .. Dost mi pomohl :)

MSIE 8.0 / Windows XP

web - reaguj - #866CrazyDog muž

v Pá, 29. leden 2010, 13:05

Steakk: Sice pozdě ale přece. Atribut LANG má víceméně jen využití pro čtečky stránek (že nebudou čist anglické slovo česky) a dále třeba u google překladače, který daný odstavec přeloží jak má. Zkratka je dobré tyto odstavce označit. A CSS vlastnost lze využit jen na jakési zvýraznění.

Firefox 3.5.7 / Windows XP