Schriftfarben auf dem Ausdruck alle schwarz

[Axelito]

Hallo zusammen,
ich habe ein Formular was ich ausdrucken will... einige Textstellen sollen grau sein und nicht schwarz... ich habe die Schriftfarbe via CSS geändert, wenn ich jedoch das Formular ausdrucke, ist die Schrift schwarz.
Was mache ich falsch ?

Die Farbenänderung ist auch für das screen-media geändert:

<link rel="stylesheet" type="text/css" href="printscreen.css" media="print">

Kann es sein das das nicht ausreicht ?

Danke für eure Mithilfe.

Gruß
Axelito

[rewboss]

Hast du das abschließende > vergessen?

Amsonsten müsstest du den CSS und einen Auszug aus dem HTML-Code posten.

[Axelito]

Hallo rewboss,
nein das abschließende > habe ich gerade nur beim abtippen vergessen.

Die HTML-Seite generiere ich durch PHP. Hier ein Beispiel:

echo "<td class=\"td4 tdw4 col1\">1. RT-PCR:</td>\n";
echo "<td class=\"td4 tdw1 col1\">pos.: <img src=disabled_unchecked.gif></td>\n";
echo "<td class=\"td4 tdw1 col1\">neg.: <img src=disabled_unchecked.gif></td>\n";

Hier die Stelle für die Schriftfarbe

.col1 {color: #CCCCCC; }

Wie gesagt in der Bildschirmausgabe ist alles ok, bloß beim Ausdrucken ist die eigentlich eingegraute Schrift schwarz. Habe auch schon gedacht das es daran liegt das man nur Webfarben benutzen darf... daran liegt es aber auch nicht.

Gruß
Axelito

P.S.: Achja es liegt nicht am Drucker.. ich habe es nicht nur beim Drucker sondern auch mit Adobe PDF probiert... dort das gleiche Problem... scheint also skriptseitig zu sein, das problem.

[hero-master]

Hi
Vlt. liegt es daran, dass du Ziffern in deinen Klassennamen hast?
Ansonsten waere es nicht verkehrt die komplette Seite zu sehen, so sieht das ganze doch recht vernuenftig aus, der Fehler muss woanders liegen.

Hast du dem anderen Script, dass durch <link> eingebunden wurde ein media="sreen" mitgegeben? Ansonsten wird das color:grey von dem color:black vermutlich ueberschrieben.

[designfanatiker]

Möglicherweise greift hier auch dein Browser korrigierend ein weil die von dir hinterlegte Farbe auf weißen Untergrund zu wenig Kontrast hätte.

[Axelito]

Hallo zusammen,
also ich habe jetzt ein wenig zeit gehabt mich damit zu beschäftigen:

Wenn ich folgende Seite ausdrucken will, bekomme ich die gewollten Farben:
Selfhtml-Beispiel

Nun habe ich herausgefunden, dass wenn ich für mein Beispiel unter den "Seite einrichten"-Optionen des FireFox die Option "Hintergrund drucken (Farben und Bilder)" aktiviere er die ausgegraute Schrift auch ausgegraut druckt. Daher poste ich hier mal den CSS-Code weil ich jetzt wirklich nicht mehr weis, woran das liegen sollte. Aber vielleicht weis jemand von euch ja einen Rat.

/* CSS Document */

@page {
	size: 21cm 29.7cm;
	margin: 5cm;
}

#root {
	width: 800px;
	top: 0px;
	position:relative;
	background-color:#ffffff;
	margin-left: auto;
   	margin-right: auto;
	font-family:Arial;
	/*border: 1px solid #000000;*/
}

#logo {		text-align:center;	}

.col1 {color: #CCCCCC; } /* B8B8B8 */

.img1 {	width: 700px;	height: auto;	text-align:center;}
.img2 { text-align: center;	}
.c1 { text-align: center;	}

.td1 { 	text-align: left;	width: 60%;	padding-left: 0.25cm;	}
.td2 {	text-align: left; 	vertical-align: top;	width: 40%;	padding-top: 3.0em;}
.td3 {	padding-top: 0.75cm;	padding-bottom: 0.75cm;	}
.td4 {	text-align: left;	padding-left: 0.5em; }
.td5 {	text-align: left;	padding-left: 0.5em; 	padding-top: 0.5em;}
.td6 {	text-align: top,left;	padding-left: 1.5em; 	padding-top: 8.5em; }
.td7 {	text-align: left;	padding-left: 0.5em; 	padding-right: 0.5em;	vertical-align: top;}

.tdw1 { width: 10%;		}
.tdw2 { width: 20%;		}
.tdw3 { width: 33%;		}
.tdw4 { width: 15%;		}
.tdw5 { width: 40%;		}
.tdw6 { width: 50%;		}

.tdb {	border: 1px solid #000000;	padding-left: 0.5em;	padding-right: 0.5em;}
.tdp {	padding-left: 0.5em;	padding-right: 0.5em;}

.pad1 { padding-left: 0.5em; padding-bottom: 4.0em;}
.pad2 { padding-top: 2.0em;}
.pad3 { padding-bottom: 0.5em;}

.va1 { vertical-align: top;}

.th1 {	text-align: left;	font-weight: 600;	padding-left: 0.5em;	}

.f1 {	font-size: 10pt;	line-height: 150%;	}
.f2 {	font-size: 8pt;	}
.f3 {	font-size: 14pt;	}

.fw1 {	font-weight: bold;	}

p	{ text-align: center;}

.table1 {	width: 800px;	}
.table2 {	border: 1px solid #000000;	}

table { display:table; border-collapse:collapse;}

img { text-align: left;	padding-left: 0.5em;}

[designfanatiker]

Zitat von Axelito

Nun habe ich herausgefunden, dass wenn ich für mein Beispiel unter den "Seite einrichten"-Optionen des FireFox die Option "Hintergrund drucken (Farben und Bilder)" aktiviere er die ausgegraute Schrift auch ausgegraut druckt.

Hast du meinen Beitrag gelesen?

Zitat von Axelito

Daher poste ich hier mal den CSS-Code weil ich jetzt wirklich nicht mehr weis, woran das liegen sollte. Aber vielleicht weis jemand von euch ja einen Rat.

Und wir sollen uns jetzt durch dein kaum strukturiertes Stylesheet kämpfen? Kannst du das Problem denn nicht mit einem einfachen Beispiel veranschaulichen?

[Axelito]

hallo designfanatiker,
also ich habe mal das Selfhtml-Beispiel oben geändert und nur color:lightgray benutzt. Ohne die oben genannte "Seite einrichten"-Option zeigt er die Schrift schwarz, mit der Option zeigt er sie grau an. Gibt es denn keinen Befehl um die von Dir genannte Standardeinstellung (überschreiben von zu hellen farben) auszuschalten... soll er doch die farbe ausgeben, die man will... kann doch dem Computer schnuppe sein, oder ? ;P

Gruß
AxelMacFoly

P.S.: Ich habe gedacht, das das Problem irgendwo in meinem CSS-Skript steckt, scheine mich geirrt zu haben.

[designfanatiker]

Zitat von Axelito

Gibt es denn keinen Befehl um die von Dir genannte Standardeinstellung (überschreiben von zu hellen farben) auszuschalten... soll er doch die farbe ausgeben, die man will... kann doch dem Computer schnuppe sein, oder ? ;P

Als Webautor hast du darauf keinen Einfluss.

[rewboss]

Ich hab's gerade getestet. Es scheint wirklich so, dass graue Farben schwarz gedruckt werden; auch "fast grau" (wie etwa #cbcac9).

Andere Farben werden aber "richtig" gedruckt, zum Beispiel #ffff00. Keine Ahnung warum, aber so ist es.

[Axelito]

@Ingo: Ja so sind die beiden Dateien eingebunden.

@rewboss: Das ändert sich sobald du unter FireFox (Datei -> "Seite einrichten") die Option "Hintergrund drucken (Farben und Bilder)" aktivierst. Dann auf einmal werden auch Grautönung ausgedruckt.... aber woran liegt das nur ?

Gruß
AxelMacFoly

[rewboss]

Naja, die Programmierer des Browsers haben wohl folgendes gedacht: Ohne Hintergrund sind graue Schriften schlecht zu lesen. Aber wenn der Hintergrund mitgedruckt werden soll, soll man lieber graue Schriften auch grau drucken -- sonst wird sie unleserlich, wenn der Hintergrund schwarz ist.

Warum die Programmierer es nicht für nötig hielten, auch gelbe Schriften schwarz auszudrucken, ist mir ein Rätsel. Aber der Browser wurde so programmiert, und damit müssen wir Web-Designer leben.