div#bio-data {
position: absolute;
width: 80%;
bottom: 30px;
left: 10%;
font: bold 120% Arial;
color: #FFFFFF;
}
<div id="main">
<img src=http://www.webdeveloper.com/forum/archive/index.php/"images/School.jpg" alt="">
<div id="bio-picture">
<img src=http://www.webdeveloper.com/forum/archive/index.php/"images/10.jpg" alt="">
<h3>John Doe</h3>
</div>
<div id="bio-data">John Doe is nice.</div>
</div>
The text 'John Doe is nice.' is positioned over the image school.jpg. On the screen it looks ok, however when I print it the text is gray scale. Is there a way to get text to print white when overlapping a picture? Thanks.u should make a print stylesheet without images or anything like that and black text on a transparent background.
<link rel="stylesheet" href=http://www.webdeveloper.com/forum/archive/index.php/"url of print css" media="print" />White text looks grey because browsers know printed pages are mostly on white paper with black ink. This is done so that white text will still show up and be readable.
You should be able to change some settings in your browser to print backgrounds and images. It will be under File > Page Layout or something. That may help. If not, then place the text in a DIV or table cell, give it a black background color, then apply the image you want as a background and keep the text white.
If your browser is set up to print background colors and images, it may print white text as white, but only if it's directly on a black background. And by "directly on" I mean the text is an immediate child of the tag that has the background color and image.
<td background="" bgcolor="black">
White text</td>
You could just as easily replace those deprecated HTML attributes with CSS styles
those are your two choices prettty muchtoicontien and omega - I'm using IE6 and can't find any browser setting related to this. Its interesting when I do a print preview I get gray text as well. An automatic change of white text to gray seems like inacurate information to me, why have styles at all if the system is going to override them. I'm just as capable as the browser in determining the printed page color and if I want gray print I'm pretty sure color: #777; should do it for me. White text on a white background is something any Word user has to deal with, I need white text on a picture not on a white background. Is this not possible? One other piece of information, I don't care what it looks like on the screen I need the pictures and data in printed format and I have media='all'. Thanks to you for your response.
by the way omega, maybe soggy bisquet needs a word from their creator, its a simple question but for those who find the choice between life and death a difficult one, Almighty God even gives us the right answer.
Deuteronomy 30
19 This day I call heaven and earth as witnesses against you that I have set before you life and death, blessings and curses. Now choose life, so that you and your children may liveSorry about the misinformation. In IE: Tools > Internet Options > Advanced Tab. Scroll down and place a check mark next to "Print background colors and images."
Also, did you make a print style sheet yet? Try making a print style sheet too like Omega said in his first post. Maybe that coupled with the new IE setting will print text as white.
The only problem is, most users (i.e. 99.9% of them) do not have their browser set to print bg colors and images. This is done so people aren't wasting ink by printing colored navigation menus and headers, logos, and the such. This is a leftover feature from the days when what you saw on the screen was the web page that got printed.
Thank God for CSS!Mixing religion and webdevelopment, that's skillz, i must admit.
And just to be sure, you ARE wanting to make this page for a website, right
lcscne?I wouldn't call it religion as much as I would relationship, and I would say that my webdevelopment skillz are a bit more advanced than the lyricdevelopment skillz of the old man whose game has been pissed on, whose name is established, who seems to be in a lot of pain although his crew is put together, who knows how to lose, who sings those blues, who was (hu, I鎶
position: absolute;
width: 80%;
bottom: 30px;
left: 10%;
font: bold 120% Arial;
color: #FFFFFF;
}
<div id="main">
<img src=http://www.webdeveloper.com/forum/archive/index.php/"images/School.jpg" alt="">
<div id="bio-picture">
<img src=http://www.webdeveloper.com/forum/archive/index.php/"images/10.jpg" alt="">
<h3>John Doe</h3>
</div>
<div id="bio-data">John Doe is nice.</div>
</div>
The text 'John Doe is nice.' is positioned over the image school.jpg. On the screen it looks ok, however when I print it the text is gray scale. Is there a way to get text to print white when overlapping a picture? Thanks.u should make a print stylesheet without images or anything like that and black text on a transparent background.
<link rel="stylesheet" href=http://www.webdeveloper.com/forum/archive/index.php/"url of print css" media="print" />White text looks grey because browsers know printed pages are mostly on white paper with black ink. This is done so that white text will still show up and be readable.
You should be able to change some settings in your browser to print backgrounds and images. It will be under File > Page Layout or something. That may help. If not, then place the text in a DIV or table cell, give it a black background color, then apply the image you want as a background and keep the text white.
If your browser is set up to print background colors and images, it may print white text as white, but only if it's directly on a black background. And by "directly on" I mean the text is an immediate child of the tag that has the background color and image.
<td background="" bgcolor="black">
White text</td>
You could just as easily replace those deprecated HTML attributes with CSS styles
those are your two choices prettty muchtoicontien and omega - I'm using IE6 and can't find any browser setting related to this. Its interesting when I do a print preview I get gray text as well. An automatic change of white text to gray seems like inacurate information to me, why have styles at all if the system is going to override them. I'm just as capable as the browser in determining the printed page color and if I want gray print I'm pretty sure color: #777; should do it for me. White text on a white background is something any Word user has to deal with, I need white text on a picture not on a white background. Is this not possible? One other piece of information, I don't care what it looks like on the screen I need the pictures and data in printed format and I have media='all'. Thanks to you for your response.by the way omega, maybe soggy bisquet needs a word from their creator, its a simple question but for those who find the choice between life and death a difficult one, Almighty God even gives us the right answer.
Deuteronomy 30
19 This day I call heaven and earth as witnesses against you that I have set before you life and death, blessings and curses. Now choose life, so that you and your children may liveSorry about the misinformation. In IE: Tools > Internet Options > Advanced Tab. Scroll down and place a check mark next to "Print background colors and images."
Also, did you make a print style sheet yet? Try making a print style sheet too like Omega said in his first post. Maybe that coupled with the new IE setting will print text as white.
The only problem is, most users (i.e. 99.9% of them) do not have their browser set to print bg colors and images. This is done so people aren't wasting ink by printing colored navigation menus and headers, logos, and the such. This is a leftover feature from the days when what you saw on the screen was the web page that got printed.
Thank God for CSS!Mixing religion and webdevelopment, that's skillz, i must admit.
And just to be sure, you ARE wanting to make this page for a website, right
lcscne?I wouldn't call it religion as much as I would relationship, and I would say that my webdevelopment skillz are a bit more advanced than the lyricdevelopment skillz of the old man whose game has been pissed on, whose name is established, who seems to be in a lot of pain although his crew is put together, who knows how to lose, who sings those blues, who was (hu, I鎶