body,td,th {
background-color: white;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
color: #000000;
}
input {
font-size: 0.8em;
}
img {
height: 50%;
width: 50%;
}
.unsichtbar{
font-size: 0em;
visibility: hidden;
height: 0;
}
| Das ist kein echtes Formular | |||
Sicherheitsfeld, Geben Sie bitte das Ergebnis folgender Aufgabe ein: |
|||
| Name | |||
| Straße Hausnummer | |||
| PLZ Wohnort | |||
| Tel | |||
| Mobil | |||
| Nachricht | |||
Erklärung
Im Headbereich wird die externe Stylesheet Datei eingebunden, wichtig ist hier die Eigenschaft media="print"
<link href="css/drucken.css" rel="stylesheet" type="text/css" media="print">
In der Stylesheet Datei habe ich eine Klasse namens "unsichtbar" definiert, welche ich den 2 Zeilen <tr> der Tabelle zugewiesen habe, die nicht gedruckt werden sollen.
<tr class="unsichtbar">
Außerdem wurde die Schriftgröße verkleinert und die Höhe und Breite der Bilder auf 50% gesetzt. Der Sinn der Übung, ist, dass auch längere Formulare auf einer einzelnen Seite gedruckt werden können.
| Startseite | nächste Seite | |