Druckversion + Bildschirmversion 04
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 mit CSS formatieren für bestimmte Medien
speziell: Formularfelder
Screenshot zur Gegenüberstellung der Ansichten
Es handelt sich also um eine HTML-Datei die auf dem Bildschirm anders erscheint als beim Ausdruck. In diesem Beispiel verwende ich 2 externe CSS-Dateien!
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.
Erklärungen zur grundsätzlichen Arbeitsweise und Funktion finden sie auf der Beispielseite 'Druckversion 02' im Menü CSS. Detailierte Beschreibungen zu diesem Beispiel finden sie auf der Beispielseite 'Druckversion 03' 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.
|