Da Nettavisen gjorde en endring av sidene sine for et par måneder siden la de inn en stilregel som gjorde brødtekst alt for liten i Mozilla-baserte nettlesere. Jeg har irritert meg litt over det, men det har ikke vært det helt store problemet siden jeg bare kunne trykke Ctrl++ for å sette størrelsen opp til lesbart nivå.
I dag var jeg imidlertid lei, og tenkte det måtte være noe man kunne gjøre med saken. Mozilla-teknologien skal være så fleksibel og utbyggbar at man må da kunne ordne opp i noe såpass enkelt uten problemer.
Første utfordring var å finne kjernen i problemet – finne ut hva som forårsaker den lille skriftsstørrelsen. Document Inspector gjør dette til en lek. Jeg taster Ctrl+Shift+I for å “inspisere” gjeldende dokument. Så velger jeg knappen for å inspisere en node ved klikk, klikker inni en tekst som er for liten, og Document Inspector viser meg elementet jeg klikket på i en trestruktur i dokumentet. Jeg velger “CSS Style Rules”, og Document Inspector viser meg en liste over alle stilregler som virker på elementet. Synderen finner jeg raskt:
p, td, body, ul, li, ol, input {font-size: x-small;}
For å teste ut om dette var problemet åpner jeg et "test styles"-vindu. Her taster jeg inn følgende variasjon::
p, td, body, ul, li, ol, input {font-size: small;}
Altså med small i stedet for x-small. Det blir med en gang mye mer lesbart i Mozilla Firefox.
Enkleste måten å forhindre dette er å sette verdien for "minimum font size" høyere i Mozilla. Det blir feil løsning i dette tilfellet - jeg kan akseptere at tekst blir så liten, men ikke brødtekst. En bedre løsning er å bruke brukerstilsett.
I motsetning til Opera og Internet Explorer har ikke Mozilla Firefox et brukergrensesnitt for å hekte opp et brukerstilsett, men baserer seg på at filen plasseres et bestemt sted og har et bestemt navn. Jeg ser ikke på dette som et stort problem. Er man i stand til å redigere en css-fil er man også i stand til å finne frem i filsystemet sitt. For Mozilla Firefox skal brukerstilsett plasseres i en fil som heter UserContent.css, som skal ligge i Chrome-katalogen i mappen der gjeldende profil er lagret. Henrik Gemal har laget en oversikt over hvor man finner profilen sin i Mozilla. For Mozilla Firefox bytter man ut "mozilla" med "firefox" eller "phoenix" (alt ettersom hvilken versjon man bruker).
Med mindre jeg vil ha lik skrift på alle sider må jeg finne en måte å identifisere Nettavisens websider i stilsettet. Hadde alle fulgt Eric Meyers tips om css-signaturer hadde det vært en smal sak. Virkeligheten er dessverre ikke slik, så jeg må ty til andre midler.
I body-taggene på nettstedet ser jeg følgende attributt:
vlink="#00315b"
Dette har de utvilsomt lagt inn for å sikre at utseende på besøkte linker blir "riktig" for eventuelle brukere av Netscape 3 som måtte finne på å ta turen innom nettstedet. Om ikke annet gir det meg en mulighet for å identifisere Nettavisens sider i stilsettet. Jeg benytter meg av CSS-selektoren for å identifisere spesifikke attributtverdier, slik:
body[vlink="#00315b"]
Hele linjen, med spesifikke unntak fra regelen Nettavisen hadde laget, blir dermed slik:
body[vlink="#00315b"] p, body[vlink="#00315b"] td, body[vlink="#00315b"] ul, body[vlink="#00315b"] li, body[vlink="#00315b"] ol, body[vlink="#00315b"] input {font-size:small !important;}
"!important" er lagt til til slutt for at regelen fra brukerstilsettet skal overstyre regelen fra dokumentet.
Det burde selvsagt være unødvendig for meg å gjøre dette. Nettavisen burde selv ha testet sidene sine i Mozilla og rettet på stilsettet sitt. Men det blir en helt annen utfordring. I mellomtiden skal jeg ihvertfall bidra bittelitt til at de finner Mozilla i nettleserstatistikken sin, sånn at de kanskje en gang blir motivert til å ordne opp.
Imponerende! Den edit styles-saken var forresten enormt bra.
Ja, den er genial i all sin enkelhet. Jeg har mange fancy verktøy for å lage css-stiler, men ingen slår den enkle lille saken som gir effekt i dokumentet i sanntid.
Ahh. Endelig. Jeg leser sjelden nettavisen, men de få gangene jeg gjør det, irriterer jeg meg på tekststørrelsen, hver eneste gang. Husket at du hadde skrevet om dette, og nå slipper jeg mer Ctrl+Plus