Nur einen bestimmten Teil der Webseite ausdrucken

[ASenna]

Moin, ich möchte nur einen Teil des Contents des Body meiner Webseite für den Ausdruck zulassen. Dazu habe ich schon Hilfe gefunden, die aber leidern nicht klappt. Mein CSS:

@media screen{
        body #druckbereich {
            color: blue;
            font-style: italic;
        }
    }
    @media print{
        body * {
            display: none;
        }
        body #druckbereich {
            display: block;
            color: green;
            font-style: italic;
        }
    }

Der Eintrag @media screen dient nur dazu, sicherzustellen, dass der in DIV eingefasste Text richtig erfasst wird, was auch klappt. Alles schön in blau und kursiv auf dem Bildschirm. Im Ausdruck erscheint aber nur eine leere Seite.
Kommentriere ich den body * {...} Befehl aus, wird im Ausdruck der zu drukcende Text, der mit <DIV id="druckbereich"> eingefasst ist, auch brav in grün ausgedruckt, zusätzlich natürlich der ganze Rest der Seite.

Also: body * {...} sperrt offensichtlich den nachfolgenden CSS-Befehle. Kann mir da jemand helfen?.

 

[tk1234]

Moin, ich möchte nur einen Teil des Contents des Body meiner Webseite für den Ausdruck zulassen.

Dass du es nicht wirklich verhindern kannst dass Besucher Seiten ausdrucken ist dir hoffentlich klar.

@media screen{
        body #druckbereich {
            color: blue;
            font-style: italic;
        }
    }

Hier fehlt die Angabe einer Hintergrundfarbe - sonst kann es passieren dass die Textfarbe auf der verwendeten Hintergrundfarbe nicht lesbar ist.

Also: body * {...} sperrt offensichtlich den nachfolgenden CSS-Befehle. Kann mir da jemand helfen?.

CSS-Befehle gibt es schon mal gar nicht da CSS keine Programmiersprache ist - aber mit »body #druckbereich« blendest du zwar dieses eine Element wieder ein, »body *« wirkt aber auch auf alle Kindelemente von #druckbereich die weiterhin ausgeblendet sind. Je nachdem wie dein HTML aussieht, könnte ein Kindselektor hilfreich sein, evtl. auch in Kombination mit :not().

 

[ASenna]

Dass du es nicht wirklich verhindern kannst dass Besucher Seiten ausdrucken ist dir hoffentlich klar.

Danke für den Hinweis. Vorliegend geht es mir nur um das Sparen von Papier.

 

[ASenna]

Ich habe das jetzt mal ausprobiert. Geändert hat sich leider nichts, wobei mir schon klar ist, warum.

@media print{
        body * {
            display: none;
        }
        body > em {
            display: block !important;
            color: green;
            background-color: #FFFFFF;
            font-style: italic;
        }
    }

Der auszudruckende Text ist eingefasst in <em> ... </em>. Das em-Element ist aber kein direktes Kind von body. Unser Theme knallt da noch einige DIV dazwischen.

 

[ASenna]

»body *« wirkt aber auch auf alle Kindelemente von #druckbereich

Wenn >body *< auf alle seine Kinder und Kindeskinder durchschlägt, kann man das dem <DIV class="druckbereich"> für seine Kinder und Kindeskinder nicht auch mitgeben?

 

[tk1234]

Wenn >body *< auf alle seine Kinder und Kindeskinder durchschlägt, kann man das dem <DIV class="druckbereich"> für seine Kinder und Kindeskinder nicht auch mitgeben?

Ungetestet: »body #druckbereich *« - allerdings kannst du display nicht pauschal auf block setzen, sinnvoller wäre es aber wohl mit :not() zu arbeiten.