- 169.254.1.1: So geht's zur Fritzbox! (106x gelesen)
- Festplatte formatieren: Format C (82x gelesen)
- Irfanview auf deutsch (81x gelesen)
- Windows Reparatur: XP reparieren (74x gelesen)
- Malwarebytes Anleitung (73x gelesen)
|
|
|||||||
|
Webmaster: Element im Druck nicht anzeigen (visibility: hidden)Wer Webseiten ausdrucken möchte, braucht oft nicht alle Elemente. Mit Media-Queries lassen sich verschiedene Layouts und Designs für verschiedene Medien erstellen: Vom Desktop-Bildschirm über das Smartphone Display bis zum Drucker. Wenn jetzt verschiedene Elemente auf einem Gerät (zum Beispiel im Druck) nicht gezeigt werden sollen, helfen diese Media-Queries auch weiter: Für den Ausdruck “versteckt” man das Element einfach! <style> @media print { .printerhidden { visibility: hidden; } } </style> Fügt man einem Element (zum Beispiel einem Bild oder einem DIV) die Klasse “printerhidden” hinzu, wird das Element zwar auf dem Bildschirm angezeigt, nicht aber im Druck. Das kann praktisch für große Farbflächen oder Bilder sein, die unnötig Tinte verbrauchen würden. Mit dieser einfachen CSS Eigenschaft lässt sich das Layout der HTML Seite ganz einfach zwischen Bildschirm und Druck trennen, um es noch individueller an das Ausgabemedium anzupassen. Achtung: Nutzt man die Druckfunktion des Browser, etwa unter macOS, um ein PDF der Seite zu erstellen, verhält sich dies dann wie ein Drucker: Elemente, die mit Media-Queries für den Druck unsichtbar gemacht wurden, werden dann auch im PDF nicht gezeigt.
Fragen zu diesem Tipp? In unserem Webmaster-Forum helfen wir weiter!
|
Mehr Tipps zu Webmaster: Element im Druck nicht anzeigen (visibility: hidden)Aus für alte Browser: Webmaster Aufstand gegen IE 6 Rund 15 % aller Internetnutzer verwenden immer noch den unter Webmastern wegen seiner abweichen... iPhone 5 am 5. Oktober, nicht am 15.? Lange Zeit stand der 15. Oktober als Erscheinungsdatum für das neue iPhone 5 quasi fest - jetz... ICQ down: Teilweise nicht erreichbar Der Messengerdienst ICQ ist zur Zeit für einige Teilnehmer nicht erreichbar. Sollte man sich m...
Ähnliche Fragen:
Tipps-Rubriken
© Computerhilfen.de (1335x gelesen) Webmaster: Element im Druck nicht anzeigen (visibility: hidden) |
|