(TIPPS UND TRICKS) Erstellung eines Drucklayouts mit CSS

[Orlando]

Werte Gemeinde,

ich habe einige Beispiele erstellt, wie man mittels CSS ein Layout für den Drucker aufbereitet. Der Beitrag ist noch nicht ganz fertig, es sind noch einige Fragezeichen (grün und fett) enthalten.

http://aktuell.de.selfhtml.org/tippstricks/css/drucklayout/

Korrekturen, Ergänzungen und Hinweise sind willkommen, ich freue mich auf euer Feedback.

Grüße,
 Roland

[molily]

Hallo Roland,

http://aktuell.de.selfhtml.org/tippstricks/css/drucklayout/

Wie gesagt: ;) Vielleicht sollte man trotz Link zum richtigen Selfhtml-Abschnitt in der Tabelle unter http://aktuell.de.selfhtml.org/tippstricks/css/drucklayout/#browserchart explizit angeben, das mit »@import url("bla.css")« exakt das Regelschema »@import url("bla.css") [Medientyp];« gemeint ist. Denn das einfache »@import url("bla.css");« und »@import "bla.css";« ohne Medienangabe wird durchaus breiter unterstützt (z.B. bei den MSIEs).

Ein Typo im Abschnitt »Visualisierung von Ankernamen«, in der Tabellenzelle unter »Erläuterung«:
Allen Elementen, die ein name-Attribut aufweisen uns somit als Anker dienen ...
                                                 ^^^ und

Soweit vorerst.

Mathias

[MudGuard]

Hi,

zum Abschnitt Visualisierung von IDs als Ergänzung:

schon in HTML 4.01 wird das id-Attribut als Ankerziel definiert...

cu,
Andreas

[Thomas Luethi]

Hallo,

http://aktuell.de.selfhtml.org/tippstricks/css/drucklayout/
Korrekturen, Ergänzungen und Hinweise sind willkommen, ich freue mich auf euer Feedback.

Ich arbeite gerne mit zwei Klassen:

.keindruck
im Druck-Stylesheet: display:none

.nurdruck
im Screen-Stylesheet: display:none

Anwendungs-Beispiel:
Du schlaegst einen Attributs-Selektor und generierten Content vor,
um bei Links auch die URL auszudrucken.
Das funktioniert leider nur in den wenigsten Browsern.
Ich mache es lieber so:
<a href="http://www.example.com">Example <span class="nurdruck">(http://www.example.com)</span></a>

---

Hast Du den Thread
[pref:t=62639&m=354366]
mitverfolgt?
Vielleicht waere es sinnvoll, darauf zu verlinken, sobald
er im Archiv ist.
Ein TITLE-Attribut im LINK-Tag, mit dem man das externe
Druck-Stylesheet einbindet, kann unerwartete Folgen haben...

Gruesse,

Thomas

[wunderwarzenschwein]

Hi,

ich habe einige Beispiele erstellt, wie man mittels CSS ein Layout für den Drucker aufbereitet. Der Beitrag ist noch nicht ganz fertig, es sind noch einige Fragezeichen (grün und fett) enthalten.

Die Tastenkombination [Alt][d], [v] funktioniert natürlich nur im deutschen Mozilla, in der engl. Version müsste es [Alt][f] heissen.

Außerdem ist es IMHO nicht nötig, die ganzen Beispiele mit generiertem Inhalt mit href, name und id usw. einzeln durchzukauen. Einmal das Prinzip erklären und dann nur noch eine Tebelle oder so mit den anderen Möglichkeiten, würde wohl reichen.

wunderwarzenschwein

[Ottogal]

Hei,

noch ein Vertipper: In der letzten Zeile des Abschnitts "Visualisierung von Ankernamen" steht "Bilschirm".

Gruß
Ottogal