Druckversion erstellen ?

RanDalt · 12.02.2005, 21:04

hallo leute,

wie kann ich von einer seite eine druckversion erstellen.
kann man das irgendwie machen das man auf jeder seite so was anbietet ?
wen ja wie macht man das, so das man nett immer alles neu eintragen muss ?

danke schon mal ...

Boris · 12.02.2005, 23:35

Das einfachste ist, sowas über ein CSS zu erstellen. Wenn man ein print.css (media="print") anbietet, benutzen alle Browser dieses für den Druck.

Da kannst Du mit CSS alle Elemente, die Du nicht brauchst, wegblenden (display: none) und die Schriftgröße mit pt definieren ... und so weiter.

steff11 · 12.02.2005, 23:38

Legst z.B in die Kopfleiste diesen simplen Link:
<a href="javascript:self.print()"> Druck</a>

Und wennst was anderes suchst, wärs nett, wenn du das dann verständlich beschreibst

Grüssle, Steff

MichaelM · 13.02.2005, 22:08

Zitat:

Zitat von Adagio

Das einfachste ist, sowas über ein CSS zu erstellen. Wenn man ein print.css (media="print") anbietet, benutzen alle Browser dieses für den Druck.

Da kannst Du mit CSS alle Elemente, die Du nicht brauchst, wegblenden (display: none) und die Schriftgröße mit pt definieren ... und so weiter.

Könntest Du das noch näher beschreiben,
anhand eines CSS Beispiels?

13.02.2005, 22:20

wenn ich auch darf...

nehmen wir mal an, du hast einen solchen aufbau:

div menu
div content
div footer

dann definierst du in deinem stylesheet, welches du mit der anweisung media="screen" einbindest, natürlich das aussehen der elemente, wie sie auf dem bildschirm dargestellt werden.

HTML-Code:

<link rel="stylesheet" href="screen.css" media="screen">

in die beispielhafte screen.css kommen dann, wie gesagt, die gewünschten anweisungen.

zusätzlich kannst du aber noch ein stylesheet für den druck mit media="print" einbinden, mit dem du das aussehen der seite für den druck festlegst.

HTML-Code:

<link rel="stylesheet" href="print.css" media="print">

z.b. das menu <- wird selten auf ausdrucken gebraucht, also: weg damit.
dafür notierst du in der beispeilhaften print.css z.b.

HTML-Code:

div#menu {display:none}

und schwupps ist das menu auf dem ausdruck verschwunden

^^ das war jetzt nur ein beispiel. die möglichkeiten sind aber vielseitig.
alles klar? sonst sag bescheid und ich hol noch weiter aus

MichaelM · 13.02.2005, 22:27

Kannst Du mir mal den Code für solch eine fertige
Mediaprint CSS zeigen?
Wie sie aufgebaut ist?

Dann kann ich das ganze besser verstehen.

Oder hast Du einen Link für solch eine CSS?

13.02.2005, 22:31

moment, ich bau dir mal schnell eine...

MichaelM · 13.02.2005, 22:35

Zitat:

Zitat von ing.o

moment, ich bau dir mal schnell eine...

ok, freue mich darauf.

13.02.2005, 22:40

so:
schau dir die seite mal im browser an und druck sie danach mal aus (einfach über datei > drucken)

MichaelM · 13.02.2005, 22:51

Vielen Dank,

klappt das auch mit Tabellen.

So das man a
einzelne Tabellen bei einem Druck ausblendet?

13.02.2005, 22:54

jo, das geht auch. natürlich musst du, wenn du bestimmete tabellen oder andere elemnte ausblenden oder für den druck umformatieren willst, für diese auch klassen oder id´s vergeben, damit du auch auf einzelne elemnete "zugreifen" kannst.

kann ich die datei wieder löschen?

MichaelM · 13.02.2005, 22:57

Zitat:

Zitat von ing.o

jo, das geht auch. natürlich musst du, wenn du bestimmete tabellen oder andere elemnte ausblenden oder für den druck umformatieren willst, für diese auch klassen oder id´s vergeben, damit du auch auf einzelne elemnete "zugreifen" kannst.

kann ich die datei wieder löschen?

Ja, danke Dir noch einmal für Deine Hilfe!!

13.02.2005, 23:00

Zitat:

Ja, danke Dir noch einmal für Deine Hilfe!!

kein problem

17.02.2005, 13:06

so
nochmal auf wunsch eine kleine (klitzekleine!) einführung in punkto aufbereitung für den druck: k l i c k