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 | ![]() |