www.baummord.de
 
 
 
www.baummord.de
www.baummord.de
www.baummord.de
www.baummord.de
www.baummord.de
Wie optimiere ich Webseiten für den Druck

Das geht mit CSS einfacher als man denkt.

Das Prinzip:
Über CSS können unterschiedliche Stile für jedes Ausgabemedium angegeben werden. So auch für den Druck. Nun definiert man sich einfach eine Klasse für das Medium Drucker, die unsichtbar dargestellt wird. Und schon werden alle Elemente mit dieser Klasse nicht mehr gedruckt.

So funktionierts:
Im Style Bereich fügt man am Ende die Definitionen für die Druckausgabe ein:

<style>

... hier die üblichen style Angaben ...

@media print
{
.noprint {display:none;}
}
</style>

Alle Bereiche, die nicht  mitgedruckt werden sollen, nun einfach um die Angabe class="noprint"erweitern.


Beispiel:
Die Menüleiste ist in einer Tabellenzelle untergebracht. Die entsprechende   <td> -Anweisung wird um die Klasse erweitert:

Vorher:
  <td width="200" background="../images/menuback.gif">

Nachher:
  <td class="noprint" width="200" background="../images/menuback.gif">


Das wars...

Wirklich nicht schwer, oder?
www.baummord.de: Papiersparen durch druckoptimierte Webseiten.
www.baummord.de: Papiersparen durch druckoptimierte Webseiten.
www.baummord.de: Papiersparen durch druckoptimierte Webseiten.
www.baummord.de: Papiersparen durch druckoptimierte Webseiten.
www.baummord.de: Papiersparen durch druckoptimierte Webseiten.