CSS: @media print attributes

Dear Monks,

<style type="text/css">
@media print {
BODY {background-color: inherit !important;background-image: inherit !
+important;}
}
table.hbc {border-width:0;border-spacing:0;}
table.hbc {border-width:0;border-spacing:0;}
table.hbc tr, table.hbc td{border:0;margin:0;padding:0;}
table.hbc td{text-align:center;}
table.hbc td.hbc_on,table.hbc td.hbc_off {width:2px;height:100px;}
table.hbc td.hbc_on {background-color:#000;color:inherit;}
table.hbc td.hbc_off {background-color:#fff;color:inherit;}
</style>
<body>
<table class="hbc">
<tr>
<td class="hbc_on"></td><td class="hbc_off"></td><td class="hbc_on"></
+td><td class="hbc_off"></td><td class="hbc_on"></td><td class="hbc_on
+"></td><td class="hbc_on"></td><td class="hbc_on"></td><td class="hbc
+_off"></td><td class="hbc_on"></td><td class="hbc_on"></td><td class=
+"hbc_off"></td><td class="hbc_on"></td><td class="hbc_off"></td><td c
+lass="hbc_off"></td><td class="hbc_off"></td><td class="hbc_on"></td>
+<td class="hbc_off"></td><td class="hbc_on"></td><td class="hbc_off">
+</td><td class="hbc_off"></td><td class="hbc_on"></td><td class="hbc_
+off"></td><td class="hbc_on"></td><td class="hbc_on"></td><td class="
+hbc_off"></td><td class="hbc_off"></td><td class="hbc_on"></td><td cl
+ass="hbc_on"></td><td class="hbc_off"></td><td class="hbc_off"></td><
+td class="hbc_on"></td><td class="hbc_off"></td><td class="hbc_on"></
+td><td class="hbc_off"></td><td class="hbc_off"></td><td class="hbc_o
+n"></td><td class="hbc_on"></td><td class="hbc_off"></td><td class="h
+bc_off"></td><td class="hbc_on"></td><td class="hbc_off"></td><td cla
+ss="hbc_off"></td><td class="hbc_on"></td><td class="hbc_off"></td><t
+d class="hbc_on"></td><td class="hbc_off"></td><td class="hbc_off"></
+td><td class="hbc_on"></td><td class="hbc_on"></td><td class="hbc_off
+"></td><td class="hbc_on"></td><td class="hbc_off"></td><td class="hb
+c_off"></td><td class="hbc_on"></td><td class="hbc_off"></td><td clas
+s="hbc_on"></td><td class="hbc_off"></td><td class="hbc_on"></td><td 
+class="hbc_off"></td><td class="hbc_off"></td><td class="hbc_off"></t
+d><td class="hbc_off"></td><td class="hbc_on"></td><td class="hbc_off
+"></td><td class="hbc_on"></td><td class="hbc_off"></td><td class="hb
+c_on"></td><td class="hbc_on"></td><td class="hbc_on"></td><td class=
+"hbc_on"></td><td class="hbc_off"></td><td class="hbc_on"></td></tr><
+tr><td colspan="73">barcode</td>
</tr>
</table>
</body>
[download]

i惴 not able to get this *'$壯"# barcode printed with the printer :-( what愀 the weakness? it is only working if i set this

user_pref("print.printer_<printername>_(DIRECT).print_bgcolor", true);
user_pref("print.printer_<printername>_(DIRECT).print_bgimages", true)
+;
[download]

in about:config @firefox.
i惴 tired to waste my time with this silly thing. glad to get a solution...

$perlig =~ s/pec/cep/g if 'errors expected';

Comment on CSS: @media print attributes Select or Download Code
Re: OT: CSS: @media print attributes by MidLifeXis (Prior) on Sep 13, 2011 at 13:11 UTC
FYI - this is pretty well off topic for PerlMonks. This is how the browser works. It will not print the background colors of an element without being told to do so. If you wish to have this work the way you are specifying it, perhaps something like filling each cell with a 2px wide image of either on or off would be better. Then the displayed item is in the foreground instead of the background. If I have a web page with a black background (or even better, a `@media print` setting of a black page), would you want the browser to, by default, print this? Or would you want the browser to make it as readable as possible on the selected media? Use a foreground element of some sort (`<img>` for example) to generate what you want to display. --MidLifeXis	[reply] [d/l] [select]
Re: CSS: @media print attributes by onelesd (Pilgrim) on Sep 13, 2011 at 18:12 UTC
Since this is a perl website, I recommend you write some perl to make a printable version of the page and be done with it: http://domain.tld/page?print=1	[reply]
Re^2: CSS: @media print attributes by perlig (Beadle) on Sep 14, 2011 at 12:01 UTC
`use strict; use CGI::Carp qw(fatalsToBrowser); use CGI ':standard'; use HTML::Barcode::Code93; my ($cgi,$code,$media); $media =<<END; @media print { BODY {background-color: inherit !important;background-image: inherit ! +important;} } END $cgi = new CGI; print $cgi->header(); print $media; $code = HTML::Barcode::Code93->new(text => 'code'); print $code->render; 1;` [download] it still is a perl output.. $perlig =~ s/pec/cep/g if 'errors expected';	[reply] [d/l]
Re^3: CSS: @media print attributes by Anonymous Monk on Sep 14, 2011 at 12:08 UTC
But it has nothing to do with perl :) Its not interpreted by perl Its not validated by perl Its not displayed by perl Its a browser that refuses to print the background colors because that is a feature of the browser Its a browser user feature You can't circumvent this browser feature If a browser allowed random websites/htmlfiles to circumvent user features, it wouldn't be a very secure browser Think about it When users want to print pictures, browsers are pretty smart in actually printing pictures, maybe you want to give users a real picture (png/gif)	[reply]
Re^4: CSS: @media print attributes by perlig (Beadle) on Sep 14, 2011 at 12:22 UTC
Re: CSS: @media print attributes by Anonymous Monk on Sep 14, 2011 at 04:23 UTC
i惴 not able to get this '$壯"# barcode printed with the printer :-( what愀 the weakness?* PEBKAC	[reply]
Re^2: CSS: @media print attributes by perlig (Beadle) on Sep 14, 2011 at 12:04 UTC
said the callcenter agent ?! ;-) $perlig =~ s/pec/cep/g if 'errors expected';	[reply]
Re^3: CSS: @media print attributes by Anonymous Monk on Sep 14, 2011 at 12:10 UTC
Yes :) I explain before but apparently not well enough, hope I do better this time Return a real gif/png, browsers like to print those	[reply]


No such thing as a small change
	PerlMonks

CSS: @media print attributes

The best material for plates (tableware) is: