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

Favicon erstellen - Ihr Logo in den Lesezeichen (Favoriten)
Das Favoriten Icon wird bei einem Bookmark in die Favoritenliste aufgenommen. Dort erscheint zukünftig die „gebookmarkte” Webseite mit einem eigenen Symbol.
Mit JSON Daten zwischen JavaScript und PHP austauschen
JSON, ist ein kompaktes Datenformat in einer einfach lesbaren Textform zum Zweck des Datenaustauschs zwischen Anwendungen.
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.
Diese Schlagwörter könnten Sie interessieren:
Hover-Effekt Suchmaschine Zeichnen Mimetypen Floodsperre Counter Formulare Diashow Audio-Player Blätterfunktion Sortierung Favicon Event-Kalender Sitemaps-Protokoll Zeitbalken Silbentrennung Responsiv Canvas Operatoren Sicherheit