Dette er hverken nytt eller revolusjonerende, men for mange brukere av Internett kan det bety mye at vi får orden på dette.
Utskrift av nettsider har alltid vært en pine
Utskriften tar med toppen og menyene, og det blir for lite plass på arket til selve dokumentet.
På stort sett alle nettstedene vi har laget, har vi vært nødt til å lage egne "utskriftsvennlige" maler. Det er ofte plassert et ikon med link til dem helt oppe til høyre. Denne løsningen har til dels fungert, men det har vært noen alvorlige svakheter:
- Alle spesielle maler måtte lages i to versjoner. Når det senere har blitt gjort endringer på skjermmalen, blir det kanskje ikke gjort samme endring på utskriftsmalen. Dermed blir ikke utskriften lik det som står på skjermen.
- På sider med valgfelt og søkefelt som styrer innholdet på siden, er det litt ekstra jobb for å overføre disse valgene til utskriftsmalen for å få innholdet der til å bli det samme. Det betyr igjen at en ikke får til en fin utskrift av det som en ser på skjermen.
Men det finnes en enkel løsning
Løsningen har eksistert en stund, men det er mange nettsted som enda linker til utskriftsvennlige sider. Løsningen er å legge til et eget stilark for utskrift som skjuler det som skal bort. I tillegg kan en på det vanlige stilarket skjule noe som stilarket for utskrift viser. På den måten kan en få med seg en logo og litt info på utskriften. Slik gjør du:
- Sett venstremeny og topptekster inn i egne <div> med egne navn (f.eks. "meny", "toppskjerm" eller lignende)
<div class="meny">Her kommer menyen..</div>
- Sett inn en <div> som inneholder det du ønsker å ha på utskriftene og kall den f.eks. "topputskrift".
- På det ordinære stilarket legger du inn at topputskrift skal skjules:
.topputskrift {display: none;}
- Så lager du et nytt stilark for utskrift som bare inneholder følgende:
.meny, .toppskjerm {display: none;}
.topputskrift {display: inline;}
- Sett inn link til stilarket for utskrift og ta med media="print". Det vil brukes på utskrift og forhåndsvisning.
Og det fine er at dette virker i alle nettlesere som er i normal bruk nå. |
