ugrás a tartalomhoz

Többnyelvű idézetek egy oldalon

thamas · 2006. Jún. 8. (Cs), 14.13
Boogie annak idején a CSS alapjai cikksorozatban írt a lang másodlagos kiválasztóról is. Az ott leírtak alapján sajnos nem boldogulok. Milyen kódot kell a css-be és az XHTML-be írnom, ha azt akarom, hogy a "q" elem mindig a nyelvnek megfelelő idézöjelet adja a szövegben? Gondolom meg kell mondanom vhogy az xhtml-ben, hogy "ez itt magyar", "ez pedig angol". De hogyan csinálom ezt ugyanazon az oldalon belül?

Köszönettel:

Hajas Tamás
‹ Stíluslap hivatkozása XHTML-re Szemantikus és egyben helyesen megjelenő oldal kivitelezhetetlen ›
 ■
1

lang/xml:lang attribútum?

Dj Faustus · 2006. Jún. 8. (Cs), 20.58
The Lang Attribute
Tutorial: Using language information in XHTML, HTML and CSS

Szóval egyrészt megadod az XHTML kódban az elem nyelvét, másrészt a CSS-ben a nyelv szerinti választót:
Vagyis CSS-ben:
:lang(en) > q { quotes: '"' '"' }
:lang(hu) > q { quotes: '\201E' '\201D' }


XHTML-ben:
<q lang="en">To be, or not to be: that is the question.</q>
<q lang="hu">Lenni vagy nem lenni: az itt a kérdés.</q>
2

Tényleg! De mégse...

thamas · 2006. Jún. 9. (P), 01.20
Köszönöm! Egyszerűen nem jöttem rá, hogyan kell az xhtml-ben megadni a kódot.

De még mindig nem jó - Firefoxban legalábbis. De majd elolvasom a belinkelt w3c tutort, hátha kiderül, miért nem.

Kösz, még egyszer!
3

Egy példa

Dj Faustus · 2006. Jún. 9. (P), 16.10
A lehető legtöbb módon van megadva a két idézet nyelvre való hivatkozása.
Firefox és Opera alatt működik.
IE alatt nem.
<?php
 header ("Content-Type: application/xhtml+xml; charset=iso-8859-2");
 header ("Content-Language: hu, en");
 echo "<?xml version=\"1.0\" encoding=\"iso-8859-2\"?>"; 
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="hu" lang="hu">
 <head>
  <title>Tesztoldal</title>
  <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=iso-8859-2" />
  <meta http-equiv="Content-Language" content="hu, en" />
  <style type="text/css">
   :lang(en) {
    quotes: '"' '"';
   }
   :lang(hu) {
    quotes: '\201E' '\201D';
   }
   *[lang|="en"] {
    quotes: '"' '"';
   }
   *[lang|="hu"] {
    quotes: '\201E' '\201D';
   }
   *[lang="en"] {
    quotes: '"' '"';
   }
   *[lang="hu"] {
    quotes: '\201E' '\201D';
   }
   .en {
    quotes: '"' '"';
   }
   .hu {
    quotes: '\201E' '\201D';
   }
  </style>
 </head>
 <body>
  <p><q xml:lang="en" lang="en" class="en">To be, or not to be: that is the question.</q><br />
  <q xml:lang="hu" lang="hu" class="hu">Lenni vagy nem lenni: az itt a kérdés.</q></p>
 </body>
</html>
Persze lehet hogy csak én vagyok a béna... ;)
4

Szeretnék én is ilyen „béna” lenni!

thamas · 2006. Jún. 10. (Szo), 00.19
Köszönöm!

Hajas Tamás