Bei Print "berücksichtigen" im Screen verborgen

[karhu2018]

Beim Ausdrucken etwas ausblenden, ist klar ...

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

BODY <div id="noprint"> TEXT </div>

Welche Angaben brauche ich, wenn ich etwas mit ausdrucken möchte, was auf dem Screen aber verborgen bleibt? Danke.

[Gunnar Bittersmann]

@@karhu2018

Beim Ausdrucken etwas ausblenden, ist klar ... @media print

Welche Angaben brauche ich, wenn ich etwas mit ausdrucken möchte, was auf dem Screen aber verborgen bleibt?

Einen media query für den entsprechenden Medientypen vielleicht? @media screen

LLAP 🖖

[Matthias Apsel]

Hallo karhu2018,

Welche Angaben brauche ich, wenn ich etwas mit ausdrucken möchte, was auf dem Screen aber verborgen bleibt?

Du kannst beispielsweise mit @media screen Angaben ausschließlich für die Bildschirmdarstellung machen. Ob das der beste Weg, bezweifle ich. Das hängt von deiner Seite ab.

Bis demnächst
Matthias

[Felix Riesterer]

Lieber karhu2018,

für "nur drucken" nutze ich die Klasse .print, für "nur auf dem Bildschirm" nutze ich die Klasse .screen. Das sieht dann so aus:

@media screen {
  .print { display: none; }
}

@media print {
  .screen { display: none; }
}

Liebe Grüße,

Felix Riesterer.