Printing CSS pages

  • Thread starter Thread starter Guest
  • Start date Start date
G

Guest

Hi, I seem to be having a problem -and I suspect I know what the problem is,
but I definatly don't know how to solve it. I realize this is slightly off
topic for IE6, but I am viewing it through IE6 and I suspect the problem is
in how IE6 tries to print what is on the screen.

I need to overlay some images and text together, and then print them, and
after dabbling around a bit with CSS I have been able to line things up
perfectly... there's just one problem. I need to print white text on a
background image, and though it displays correctly when I view the page (it's
only a local page, not on a website) it shows up as grey when I print.

I suspect that this is because a printer cannot print white, however I tried
using off-white colours such as beige and very light blue/yellow/red, and
this still does not work.

This is an example of the CSS style being used to position and edit the text
colour:

h1.badge1_name{
position:absolute;
left=9px;
top=115px;
font: 35px;
font-family:arial;
font-weight:bold;
Color: #FFFFFF; <<I have tried lots of different RBG colours.
}
 
Shadow Guild said:
Hi, I seem to be having a problem -and I suspect I know what the problem is,
but I definatly don't know how to solve it. I realize this is slightly off
topic for IE6, but I am viewing it through IE6 and I suspect the problem is
in how IE6 tries to print what is on the screen.

I need to overlay some images and text together, and then print them, and
after dabbling around a bit with CSS I have been able to line things up
perfectly... there's just one problem. I need to print white text on a
background image, and though it displays correctly when I view the page (it's
only a local page, not on a website) it shows up as grey when I print.

I suspect that this is because a printer cannot print white, however I tried
using off-white colours such as beige and very light blue/yellow/red, and
this still does not work.

This is an example of the CSS style being used to position and edit the text
colour:

h1.badge1_name{
position:absolute;
left=9px;
top=115px;
font: 35px;
font-family:arial;
font-weight:bold;
Color: #FFFFFF; <<I have tried lots of different RBG colours.
}
Click to expand...
Hi Shadow,
What is the Color of your Background Image?
Did you set your Printer to print Background in the print process!.
The OS sometimes make it assumption and if it find the the white Text will
print on a white background it will not print or if it did will print garbage.
So if you have a Black Background and the Text white it will print, but keep
in mind the Printer setup page properties to print background?
That all I can offer according my understanding of the issue.
Hope this helps
Regards
nass
 
I see what you are saying, and I am definatly going to try doing that right
away.

Currently, the background image is just put in place using an <IMG> tag
inside the body of the page... it's a grid of badge backgrounds.

What I am going to try now is expanding the image which contains the
background to the size of the page, and then just filling the rest (on the
picture itself) with white. Then I'll set the background colour of the
webpage itself to black -that way I should be able to print off the image
without printing the rest of the entire page in black.

I am not sure what you mean about setting the printer preferences to print
the background... could you please go into more detail with that?
 
Just tried what I mentioned I would try... and it is very strange -I resized
the image to be 7" x 9", filling the rest of the image with just white, (the
page is standard 8.5x11) and set the body background colour to black on the
webpage, and yet everything is white in the background where there should be
black when I do a print-preview
 
Shadow Guild said:
Just tried what I mentioned I would try... and it is very strange -I resized
the image to be 7" x 9", filling the rest of the image with just white, (the
page is standard 8.5x11) and set the body background colour to black on the
webpage, and yet everything is white in the background where there should be
black when I do a print-preview
Click to expand...

Hi Shadow,
when you open the IE page go to File and in the Sub-Menu select Print and
when the Printer Window Open Select the Default Printer and Click on the
Properties and from there you can set the Printer to print Background.
Or if you have Xp got to Printer & Fax and Right Click on the Printer and
Select Properties.
in IE Properties go to Advanced Tab and Scroll Dwn to Print Option and
Check it
[ ] Print Background colors and Images
Hope this helps
nass
 
Thank you VERY much, it was IE's printer setting.

Problem solved! :)

nass said:
Shadow Guild said:
Just tried what I mentioned I would try... and it is very strange -I resized
the image to be 7" x 9", filling the rest of the image with just white, (the
page is standard 8.5x11) and set the body background colour to black on the
webpage, and yet everything is white in the background where there should be
black when I do a print-preview
Click to expand...

Hi Shadow,
when you open the IE page go to File and in the Sub-Menu select Print and
when the Printer Window Open Select the Default Printer and Click on the
Properties and from there you can set the Printer to print Background.
Or if you have Xp got to Printer & Fax and Right Click on the Printer and
Select Properties.
in IE Properties go to Advanced Tab and Scroll Dwn to Print Option and
Check it
[ ] Print Background colors and Images
Hope this helps
nass
Click to expand...
 
Thanks for Posting Back
Regards
nass

P.S You can play now with the Background (Clors, images) as you like and
experiment to see if you could get more result.



Shadow Guild said:
Thank you VERY much, it was IE's printer setting.

Problem solved! :)

nass said:
Shadow Guild said:
Just tried what I mentioned I would try... and it is very strange -I resized
the image to be 7" x 9", filling the rest of the image with just white, (the
page is standard 8.5x11) and set the body background colour to black on the
webpage, and yet everything is white in the background where there should be
black when I do a print-preview

:



:

Hi, I seem to be having a problem -and I suspect I know what the problem is,
but I definatly don't know how to solve it. I realize this is slightly off
topic for IE6, but I am viewing it through IE6 and I suspect the problem is
in how IE6 tries to print what is on the screen.

I need to overlay some images and text together, and then print them, and
after dabbling around a bit with CSS I have been able to line things up
perfectly... there's just one problem. I need to print white text on a
background image, and though it displays correctly when I view the page (it's
only a local page, not on a website) it shows up as grey when I print.

I suspect that this is because a printer cannot print white, however I tried
using off-white colours such as beige and very light blue/yellow/red, and
this still does not work.

This is an example of the CSS style being used to position and edit the text
colour:

h1.badge1_name{
position:absolute;
left=9px;
top=115px;
font: 35px;
font-family:arial;
font-weight:bold;
Color: #FFFFFF; <<I have tried lots of different RBG colours.
}
Hi Shadow,
What is the Color of your Background Image?
Did you set your Printer to print Background in the print process!.
The OS sometimes make it assumption and if it find the the white Text will
print on a white background it will not print or if it did will print garbage.
So if you have a Black Background and the Text white it will print, but keep
in mind the Printer setup page properties to print background?
That all I can offer according my understanding of the issue.
Hope this helps
Regards
nass
Click to expand...

Hi Shadow,
when you open the IE page go to File and in the Sub-Menu select Print and
when the Printer Window Open Select the Default Printer and Click on the
Properties and from there you can set the Printer to print Background.
Or if you have Xp got to Printer & Fax and Right Click on the Printer and
Select Properties.
in IE Properties go to Advanced Tab and Scroll Dwn to Print Option and
Check it
[ ] Print Background colors and Images
Hope this helps
nass
Click to expand...
Click to expand...
 
Back
Top