Styling af hjemmesiden med CSS

Indlæs andet indhold på denne side:

Printer css

Siden er opdateret 10. 12. 2005

Har man lavet en side, som man kan forvente, at andre kunne ønske at udskrive, vil det være en fin service overfor brugerne, at de i udskrift unødige elementer som f.eks. menuen (den bruges jo til navigation på skærmen) ikke kommer med ud på papiret.

Til det brug etablerer man en ekstra css-fil, hvor disse i udskrift uønskede elementer bliver 'slukket' og hvor sidens øvrige elementer justeres i forhold dertil:

#menu{
display:none;
}

#indhold{
margin-left:20px; er måske sat til 160 px i screen-css
}

For at få denne printer.css til at virke, skal der i sidens head etableres et kald til den (på samme måde som kaldet til den eksterne css til skærmvisning (nederste kodelinje):

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

Det er vigtigt, at kaldet til printer.css sættes efter kaldet til screen.css, da du ellers risikerer, at screen.css annullerer de settings, du har i printer.css, når du udskriver.

Valid XHTML og CSS / Copyright © Hjemmesideskolen februar 2003
Hjemmesideskolen
Du er her: Forsiden - css - Styling af hjemmesiden med CSS
Brugere lige nu: 1
Home Mail