Stylování podle lang jazyků » Webdesign a web » Blog » CrazyDog ~ Multi-blog

Stylování podle lang jazyků

Po, 13. srpen 2007, 23:06
Stylování podle lang jazyků

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 (687 hlasů) ≈ Návratnost
(Pokročilé formátování ...) « Starší článek | Novější článek » (Náhled textu z textare...)

Š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
avatar

Chytrý, dík *5*

Firefox 2.0.0.6 / Windows XP
web - reaguj - #95Pajahv Út, 14. srpen 2007, 10:43
avatar

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
avatar

> 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
avatar

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
avatar

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
avatar

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
avatar

{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
avatar

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
avatar

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
avatar

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

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

.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
avatar

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
 
0/2000
Jméno*
Web
Email
Gravatar
avatar
  [f] [:)] [L] [XL] [XXL] | [b] [i] [s] [e] [*] [cite] [code] [kod] [h1] [h2] [abbr] [sup] [sub] |
 
nejoblíbenější články:
novinky na webu:
informace: