Extra Style Sheet Datei für Druck
<link href="css/drucken.css" rel="stylesheet" type="text/css" media="print">
Hier der Inhalt der css Datei

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:
3+4

Name
Straße Hausnummer
PLZ Wohnort
Email
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