mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Do 18.04.2024 05:55 Benutzername: Passwort: Auto-Login

Thema: Drucken einer CSS-basierten Seite (Hintergrundblder) vom 10.07.2006


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> Drucken einer CSS-basierten Seite (Hintergrundblder)
Autor Nachricht
Popkultur
Threadersteller

Dabei seit: 08.05.2006
Ort: bei Stuttgart
Alter: -
Geschlecht: Männlich
Verfasst Mo 10.07.2006 12:18
Titel

Drucken einer CSS-basierten Seite (Hintergrundblder)

Antworten mit Zitat Zum Seitenanfang

Hi,

Ich habe eine xhtml+css basierte Website, das Layout ist zu großen Teilen als Background im CSS definiert, auch einige Bilder, da diese bei Hover erscheinen. Das bedeutet allerdings, dass das alles nicht mitgedruckt wird, standardmässig. Kann ich das irgendwie umgehen, in der speziellen Druck-CSS?
  View user's profile Private Nachricht senden
dastef

Dabei seit: 03.11.2003
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mo 10.07.2006 13:45
Titel

Antworten mit Zitat Zum Seitenanfang

nein, hintergrund bilder werden normalerweise von den druckern
nicht mitgedruckt und deswegen auch in der print-vorschau der
browser bereits ausgeblendet.

was dir für den druck wichtig ist, musste halt so als bild einbinden
  View user's profile Private Nachricht senden
Anzeige
Anzeige
Impigra

Dabei seit: 17.05.2006
Ort: Egenhofen
Alter: 45
Geschlecht: Männlich
Verfasst Mi 12.07.2006 16:03
Titel

Antworten mit Zitat Zum Seitenanfang

Natürlich gibt es ein Druck CSS...

mit der erweiterung media="print" anstelle von media="screen" kannst Du Dir das Drucktemplate selber anlegen.

das kann so aussehen
Code:
<style type="text/css" media="screen">
+++
</style>

oder auch so
Code:
<link rel="Stylesheet" type="text/css" href="css/print.css" media="print" />


Die Hintergrundbilder werden dann aber zumindest vom FF und dem IE gefiltert.

ABER es besteht die Möglichkeit die Bilder ja als <img> einzubinden und dann im Browser nicht anzeigen zu lassen...
Erst im Print CSS werden dann die Bilder angezeigt.

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Bildtest</title>

<style type="text/css" media="screen">
.print {
display:none;
}
</style>

<style type="text/css" media="print">
.print {
border:1px solid red;
}
</style>

</head>
<body>
<img src="bla.jpg" alt="Blabild" class="print" />
</body>
</html>
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Popkultur
Threadersteller

Dabei seit: 08.05.2006
Ort: bei Stuttgart
Alter: -
Geschlecht: Männlich
Verfasst Mi 12.07.2006 16:17
Titel

Antworten mit Zitat Zum Seitenanfang

nee, viel zu aufwändig mit den versteckten Sachen. Danke aber!
  View user's profile Private Nachricht senden
 
Ähnliche Themen PHP Kontaktformular funzt nicht auf PHP5 basierten Server
CSS nur 1. Seite drucken
Javascript - Seite im Queformat drucken?
Seite mit allen verlinkten Seiten drucken
Blogger Seite an eine HTML Seite anpassen.
[Dreamweaver CS4] Seite innerhalb von Seite verlinken
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.