- Fire TV und Fire TV Stick für DLNA / UPnP Streaming nutzen
- HTML Seitenumbruch mit CSS: Mit "page-break" einen Umbruch bei Ausdrucken einbauen!
- HTML Seitenumbruch mit CSS: Mit "page-break" einen Umbruch bei Ausdrucken einbauen!
- Fire TV und Fire TV Stick für DLNA / UPnP Streaming nutzen
- Kühlung für den Raspberry Pi: Wo wird er heiß?
HTML Seitenumbruch mit CSS: Mit “page-break” einen Umbruch bei Ausdrucken einbauen!
HTML ist nicht nur für einfache Webseiten geeignet, sondern auch für später ausdruckbare Seiten: So kann ein Onlineshop die Rechnungen direkt in HTML anzeigen, und schon für das Drucken optimieren. Anders als bei scrollbaren Bildschirmseiten werden die Ausdrucke aber von der Papierlänge eingeschränkt: Hier hilft ein einfacher HTML Seitenumbruch, um längere Seiten passend für den Druck zu optimieren. Den Seitenumbruch kann man in HTML ganz einfach per CSS Befehl erzeugen: Schon lassen sich längere Dokumente sinnvoll auf verschiedene Druck-Seiten aufteilen!
Bei druckbare Webseiten hilft an manchen Stellen der manuelle Seitenumbruch: So kann man als Designer oder Webmaster selber vorgeben, wann ein Inhalt auf einer neuen Seite erscheinen soll. Das ändert an der Darstellung auf dem Bildschirm nichts – hier wird der Umbruch gar nicht angezeigt und ignoriert, beim Ausdrucken kommt der weitere Inhalt aber auf eine neue Seite.
Für den Umbruch braucht man den CSS Befehl “page-break-before”, mit dem man den Umbruch vor dem aktuellen Element setzen, aber auch verhindern kann. Als Wert lässt sich mit “always” immer ein Umbruch vor dem aktuellen Element einfügen – mit “avoid” wird der Zeilenumbruch vor dem Element verhindert.
In dem folgenden Beispiel haben wir drei DIV-Elemente, von denen jeder Block auf einer eigenen Seite im Druck erscheinen sollen:
<div id="seite-1"> Inhalt für die erste Seite </div> <div id="seite-2" style="page-break-before:always;"> Inhalt für die zweite Seite </div> <div id="seite-3" style="page-break-before:always;"> Inhalt für die dritte Seite </div>
Mit dem HTML Seitenumbruch und dem CSS Befehl “page-break-before:always;” wird der nächste Inhalt jetzt auf die nächste Seite gedruckt, selbst wenn auf der aktuellen Seite noch Platz ist. So lassen sich bei dem Beispiel des Onlineshops zum Beispiel die Rechnung und die AGB oder Widerrufserklärung auf verschiedenen Seiten anzeigen, wenn das Dokument ausgedruckt wird.
- pc-einsteigerkurs (8x gelesen)
- datenschutz (8x gelesen)
-
http://www.amazon.de/gp/product/B005N82HDC/ref=as_li_ss_tl?ie=UTF8&tag=computerhilfen&linkCode=as2&camp=1638&creative=19454&creativeASIN=B005N82HDC
(7x gelesen) -
http://www.amazon.de/gp/product/B005N82HDC/ref=as_li_ss_tl?ie=UTF8&tag=computerhilfen&linkCode=as2&camp=1638&creative=19454&creativeASIN=B005N82HDC
(7x gelesen) - pc-einsteigerkurs-4-4 (7x gelesen)
Mehr Tipps zu HTML Seitenumbruch mit CSS: Mit R...
-
Apple Mac: ZIP Datei mit Passwort schützen (ohne Zusatz-Tools)!
Durch das Zippen oder Komprimieren von Dateien spart man leicht Speicherplatz und kann mehrere Dateien als einzenes, praktisches Archiv weitergeben: Das Erstellen einer ZIP Datei...
-
Wie Technik und Digitalisierung bei den eigenen Finanzen hilft
Der technologische Fortschritt erleichtert mittlerweile zahlreiche Bereiche und hilft mittlerweile auch im Finanzbereich: Durch digitale Technologien sank der Preis für Aktienkäufe von über 50 EUR...
-
ELSE IF mit Python: So geht’s!
Jede Programmiersprache hat ihre Eigenheiten: Während man in PHP und JavaScript die IF/ELSE Syntax mit "ELSE IF" um eine zweite Abfrage erweitert, funktioniert das nicht...
-
Zeit-Umstellung bei IKEA Mikrowelle Hushalla: Uhrzeit einstellen
Zeitumstellung zur Winterzeit / Sommerzeit bei der IKEA Mikrowelle Hushalla: So stellt man die Uhrzeit um oder neu ein! Hushalla ist eine der gängigen Mikrowellen...
-
Webmaster: Tabellenzeile mit CSS automatisch abwechselnd färben
Um die Hintergrundfarbe einer HTML Tabellenzeile mit einer Farbe zu versehen, hilft CSS. Für eine gute Lesbarkeit kann es aber gerade bei längeren Tabellen hilfreich...
HTML Seitenumbruch mit CSS: Mit "page-break" einen Umbruch bei Ausdrucken einbauen!