WIS blogg

Favicon har fått en mye større nytteverdig etter at IE kom med flipper i versjon 7.

Om en besøker ett nettsted med korrekt oppsatt favicon så vil en få opp ikonet på flippen. Hadde alle nettsted benyttet seg av dette, så hadde flippene i IE og FireFox blitt mye mer oversiktlige.

Om en har satt opp IIS med host-headers slik at en har flere nettsted på samme ip-adresse så få samme favicon på alle nettstedene om en kun legger ett favicon.ico på rota av nettstedet.

Løsningen er og benytte seg av meta-taggen:

<link rel="shortcut icon" href="/<site>.ico">

som legges i header på hver enkelt side eller i topp-framen.

+ legge icon med navn <site>.ico på roten av nettstedet.

mvh

Ove B-)

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:

1. Sett venstremeny og topptekster inn i egne <div> med egne navn (f.eks. "meny", "toppskjerm" eller lignende)
   <div class="meny">Her kommer menyen..</div>
2. Sett inn en <div> som inneholder det du ønsker å ha på utskriftene og kall den f.eks. "topputskrift".
3. På det ordinære stilarket legger du inn at topputskrift skal skjules:
   .topputskrift {display: none;}
4. Så lager du et nytt stilark for utskrift som bare inneholder følgende:
   .meny, .toppskjerm {display: none;}
   .topputskrift {display: inline;}
5. 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å.