Seiten druckfrisch gestalten

Mancher Besucher einer Website möchte eine bestimmte Seite ausdrucken, auf dem Papier stören dann Elemente wie Werbung, Navigationsleisten, großflächige Design-Elemente oder andere Elemente. Wie Sie diese vor dem drucken "wegzaubern" erfahren Sie hier.

Es ist eigentlich ganz einfach, erstellen Sie eine CSS-Datei mit dem Namen "print.css". In diese Datei fügen Sie nun Anweisungen ein, welche Elemente nicht mit ausgedruckt werden sollen.

Beispiel:

nav#navigation {
 display: none;
}

div#werbung {
 display: none;
}

span.rahmen {
 display: none;
}

Datei einbinden

Fügen Sie nun in Ihren Seiten im <head>-Bereich den Link zur externen CSS-Datei hinzu:

<link rel="stylesheet" href="print.css" media="print">

Wichtig ist hierbei die Angabe media="print", damit erkennt der Browser das diese Datei verwendet werden soll wenn das Dokument (die Seite) ausgedruckt wird.

Alles noch einfacher!

Sie können die CSS-Anweisungen auch in Ihre normale CSS-Datei einfügen wenn Sie die @media{} Media Queries verwenden.

@media print {
   nav#navigation {
    display: none;
   }
   
   div#werbung {
    display: none;
   }
   
   span.rahmen {
    display: none;
   }
}

Sie können das ganze leicht nachprüfen ob es funktioniert, rufen Sie in Ihrem Browser die Druckvorschau auf, die ausgeblendeten Elemente sollten nicht mehr angezeigt werden.

Tipps

Dateibrowser: Ein einfacher Dateibrowser, ideal um PHP-Scripte auf einem lokalen Webserver zu testen, die PHP-Scripte müssen dann nicht mehr umständlich über die Adresszeile des Browsers aufgerufen werden.

Verzeichnis auslesen und mit einem Link verknüpfen: Beispiele wie ein Verzeichnis (Ordner) über PHP ausgelesen und mit einem Link verknüpft wird.

Bilder mit Wasserzeichen markieren: JPEG-Bilder (oder andere Grafikformate) können mit einem transparenten Wasserzeichen markiert werden; Mit Hilfe eines kleinen PHP-Scripts.

Seiten druckfrisch gestalten: Mancher Besucher einer Website möchte eine bestimmte Seite ausdrucken, auf dem Papier stören dann Elemente wie Werbung, Navigationsleisten, großflächige Design-Elemente oder andere Elemente. Wie Sie diese vor dem drucken "wegzaubern" erfahren Sie hier.

Abonniere meinen RSS-Feed um über aktuelle Seiten benachrichtigt zu werden.