 Druckversion + Bildschirmversion 02
Dieses Download-Beispiel enthält explizite CSS-Anweisungen für die Medien 'screen' und 'print' (Bildschirm und Drucker). Unterschiedliche Formatierungen, die bei der Ansicht auf den Schirm oder beim Ausdruck gültig sind.
Seitenelemente anzeigen / nicht anzeigen für bestimmte Medien
Screenshot zur Gegenüberstellung der Ansichten
Es handelt sich also um eine HTML-Datei die auf dem Bildschirm anders erscheint als beim Ausdruck. Die CSS-Anweisungen stehen hier im Head der HTML-Seite.
Bildschirm
|
Drucker
|
Dieses Beispiel demonstriert, wie man mit CSS-Anweisungen für die Medien 'screen' und 'print' (Bildschirm und Drucker) unterschiedliche Formatierungen zuweist. Das kann auch bedeuten Seitenelemente für den Bildschirm / für den Ausdruck auszublenden.
In diesem Beispiel wurden die CSS-Anweisungen im Head der HTML-Datei notiert!
Erklärungen zur Arbeitsweise und Funktion finden sie auf der Beispielseite 'Druckversion 02' im Menü CSS.
Klicken sie auf 'Demo' oben unter dem Titelbalken, um einen ersten Eindruck zu erhalten.
Zum Download der ZIP-Datei klicken sie auf 'DOWNLOAD' oben unter dem Titelbalken
Entpacken sie die ZIP-Datei in einem neuen Verzeichnis, ändern die Inhalte und CSS-Anweisungen nach eigenen Vorstellungen.
|
HOME
Demo 
Download 
ZURÜCK