Artikler

Sådan laver du dine sider printervenlige med CSS

Har du en hjemmeside, som folk ofte skal printe fra, så kan det måske betale sig for dig, at hjælpe dem lidt på vej ved at lave en printervenlig version af din side udelukkende målrettet folk der gerne vil printe den.

Du kan gøre netop dette med CSS, hvor du laver et stylesheet, som skal bruges, når folk printer din side. Du laver altså to forskellige stylesheets, som du indlejre på din side således:

<link rel="stylesheet" href="screen.css" type="text/css" media="screen">
<link rel="stylesheet" href="print.css" type="text/css" media="print">

Figuren herunder illustruerer, hvordan det samme dokument bliver fortolket med to forskellige stylesheets alt efter om det ses på en skærm eller printes på en printer.

Alt du nu skal gøre er at skjule de ting på din side, som ikke skal med på print (f.eks. med display:none;) eller måske tilpasse størrelsen, så det ser bedre ud på A4.

HTML.dk
HTML.dk
På HTML.dk ❤ vi kode. Vi skriver kode, læser kode og drømmer kode... Her på sitet deler vi ud af vores viden, og har du brug for vores hjælp, skal du være velkommen til at kontakte os!