Tweet
Hey,
ich hätte ein kleines Anliegen bezüglich HTML und CSS. Ich bin gerade dabei, mir eine triviale Druckansicht für eine kleine Webseite zu basteln. Das Problem daran ist, das ich auf jeder Druckseite ein Logo haben will, jedoch auf der Webseite nur einmal mein Logo ganz oben haben will. Ich habe bereits mit CSS Klassen gearbeitet, um mir die Logos (quasi eine kleine Grafik) auf den Druckseiten einzublenden, jedoch komm ich nicht drauf wie ich mir das Logo auf der Webside einblenden kann, da die durch "screen" (img {display:none;})ausgeblendet werden.
Hier mal der Code dazu:
Habt ihr vielleicht nie Idee wie das zu lösen wäre?
Besten Dank schonmal,
Andreas
ich hätte ein kleines Anliegen bezüglich HTML und CSS. Ich bin gerade dabei, mir eine triviale Druckansicht für eine kleine Webseite zu basteln. Das Problem daran ist, das ich auf jeder Druckseite ein Logo haben will, jedoch auf der Webseite nur einmal mein Logo ganz oben haben will. Ich habe bereits mit CSS Klassen gearbeitet, um mir die Logos (quasi eine kleine Grafik) auf den Druckseiten einzublenden, jedoch komm ich nicht drauf wie ich mir das Logo auf der Webside einblenden kann, da die durch "screen" (img {display:none;})ausgeblendet werden.
Hier mal der Code dazu:
HTML Code:
<html> <head> <title>Seitenumbruch</title> <style type="text/css"> @media print { img { } } @media screen { img {display:none;} } </style> </head> <body> <img src="it_logo.jpg"></img> <p>Dieser Teil steht vor dem Seitenumbruch bei Ausdruck</p> <p style="page-break-before:always"></p> <img src="it_logo.jpg"></img> <p>Dieser Teil steht nach dem Seitenumbruch beim Ausdruck</p> <p style="page-break-before:always"></p> <img src="it_logo.jpg"></img> <p>3. Seite</p> </body> </html>
Besten Dank schonmal,
Andreas
Comment