onsdag 13. august 2014

Hjelp funnet! (Trøbbel med koding av <q>)

For ei tid tilbake siden skreiv jeg om problemene jeg hadde med å få <q> til å virke som den skulle; uansett hvordan jeg definerte anførselstegnene i quotes i stilarket, vistes de ikke som de skulle. Jeg har også tidligere nevnt at jeg er en hyppig bruker av den fantastiske sida &what; (sies: amp what), og det var via den jeg fikk idéen til at tegnene kanskje måtte defineres på sin helt egne måte i stilarket, fordi jeg så at man kunne vise tegnenes koding i både Unicode-, desimal-, hexadesimal-, CSS- og URL-formatering.

Den opprinnelige artikkelen, Hjelp søkes: Trøbbel med koding av <q> i Blogger ble skrevet 10. mai 2014, og ble godt besvart.

I dag, etter å ha gjort ferdig arbeidet for dagen, søkte jeg på inserting special characters in CSS, og kom over Alan Hogans hjemmeside, der han skriver dette:

If you do CSS, you may be familiar with the ::before pseudo-element. Have you ever tried using it to insert an unusual character? I did today, and it took about 20 minutes to figure it out. Here’s here [sīc] to do it.

See, you can’t use an HTML/XHTML entity like this, because it actually inserts the ampersand and all:

#metaInfo::before {
  content: "&dArr;";
  display: inline;
}

Turns out you have to put in an escaped reference to the hexadecimal Unicode character value.

#metaInfo::before {
  content: "\21D3"; /*Hexadecimal for Unicode down arrow (&dArr;)*/
  display: inline;
}

Så jeg søkte i Amp-what, og fant ut at CSS-koden jeg må bruke for venstre og høyre anførselstegn, altså tegnene « og », er \ab og \bb. Den nye koden i stilarket mitt ser slik ut:


q {
   quotes: "\ab" "\bb";
}

Koden virker som den skal, som kan sees i andre avsnitt i denne mini-artikkelen. Takk til de som forsøkte å hjelpe meg med løsninga tidligere, og måtte denne være lett tilgjengelig for andre som sliter med det samme problemet.