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.
  1. <?php  
  2.  header ("Content-Type: application/xhtml+xml; charset=iso-8859-2");  
  3.  header ("Content-Language: hu, en");  
  4.  echo "<?xml version=\"1.0\" encoding=\"iso-8859-2\"?>";   
  5. ?>  
  6. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
  7. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="hu" lang="hu">  
  8.  <head>  
  9.   <title>Tesztoldal</title>  
  10.   <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=iso-8859-2" />  
  11.   <meta http-equiv="Content-Language" content="hu, en" />  
  12.   <style type="text/css">  
  13.    :lang(en) {  
  14.     quotes: '"' '"';  
  15.    }  
  16.    :lang(hu) {  
  17.     quotes: '\201E' '\201D';  
  18.    }  
  19.    *[lang|="en"] {  
  20.     quotes: '"' '"';  
  21.    }  
  22.    *[lang|="hu"] {  
  23.     quotes: '\201E' '\201D';  
  24.    }  
  25.    *[lang="en"] {  
  26.     quotes: '"' '"';  
  27.    }  
  28.    *[lang="hu"] {  
  29.     quotes: '\201E' '\201D';  
  30.    }  
  31.    .en {  
  32.     quotes: '"' '"';  
  33.    }  
  34.    .hu {  
  35.     quotes: '\201E' '\201D';  
  36.    }  
  37.   </style>  
  38.  </head>  
  39.  <body>  
  40.   <p><q xml:lang="en" lang="en" class="en">To be, or not to be: that is the question.</q><br />  
  41.   <q xml:lang="hu" lang="hu" class="hu">Lenni vagy nem lenni: az itt a kérdés.</q></p>  
  42.  </body>  
  43. </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