lørdag 10. mai 2014

Hjelp søkes: Trøbbel med koding av <q> i Blogger

Løsning på problemet er endelig funnet, og kan leses om i artikkelen Hjelp funnet! (Trøbbel med koding av <q>), skrevet 13. august 2014.

De som har fulgt bloggen min ei stund, vet kanskje at jeg gjør mitt beste for å kode postene mine best mulig. En av tingene jeg ikke har hatt mulighet til å gjøre, er å benytte meg av <q>s «quotes»-egenskap. Sitat i tekst skal helst settes inn mellom <q> og </q>, slik at nettleseren vet at det er et sitat. Man har da også mulighet til å tilføye cite, slik at kilden kan oppgis i koden til sitatet. Dette skal da helst se slik ut:

HTML
<p>Dette er et teksteksempel med sitat. Han sa: <q>Dette virker ikke.</q> Det virker heller ikke.</p>
CSS
q { quotes: "«" "»"; }
Skjerm
Slik skal det se ut:

Dette er et teksteksempel med sitat. Han sa: «Dette virker ikke.» Det virker heller ikke.

Slik ser det ut:

Dette er et teksteksempel med sitat. Han sa: &#0171;Dette virker ikke.&#0187; Det virker heller ikke.

Her er den samme linja med vanlig formatering:

Dette er et teksteksempel med sitat. Han sa: Dette virker ikke. Det virker heller ikke.

Dersom noen har noen gode råd for å løse dette problemet, hadde jeg satt pris på det. Dersom jeg bruker <q> uten å legge inn quotes-linja i CSS-en, får jeg skrivemaskinsitattegnene/gåsøynene/dummy quotes, og det ønsker jeg ikke; det er feil typografisk, og ikke ser det bra ut heller. Jeg kan for øvrig nevne at jeg har tatt med @charset "UTF-8"; på toppen av stilarket mitt.