nicht angemeldet
Hi, Ed
Ich habe neulich auf einer Webseite erleben dürfen, dass beim Ausdrucken nicht alle möglichen Elemente der Seite sondern nur einige ganz bestimmte und vor allem anders angeordnet als auf der Webseite selbst ausgedruckt wurden.
Kommt mir bekannt vor ;) Das wurde mit CSS realisiert und funktioniert folgendermaßen:
Bestimmte Bereiche der Seite werden in IDs (oder Klassen) zusammengefasst, beispielsweise so:
<div id="navigation">
<a href="seite1.html">Seite 1</a>
<a href="seite2.html">Seite 2</a>
...usw...
</div>
Stylesheets für verschiedene Ausgabemedien kannst du wie folgt einbinden (es gibt noch andere Möglichkeiten):
<link rel="stylesheet" media="screen" type="text/css" href="screen.css">
<link rel="stylesheet" media="print" type="text/css" href="print.css">
Im Druck-Layout (print.css) wird diese ID nun als unsichtbar definiert (die Navigation ist auf Papier nicht nötig):
#navigation {
visibility: hidden;
display: none;
}
Das war's auch schon. Wenn du dich in http://selfhtml.teamone.de/css/ einliest, eröffnet sich dir die Wunderwelt der Stylesheets ;)
Viel Spaß beim Basteln
Orlando