CSS & Pring/Screen 1

[webmigit]

Help! Again, please.

With the code below I'm trying to make a graphic that appears on print but not on screen... Is there anyway to do this?

<style type="text/css" media="screen">
  <!--
    .ibg {background: none}
  -->
</style>

<style type="text/css" media="print">
  <!--
    .ibg {background: url(...image...) no-repeat center right}
  -->
</style>

ALFII.com

http://www.alfii.com

---------------------
If this post answered or helped to answer your question, please reply with such so that forum members with a similar question will know to use this advice.

 

[cLFlaVA]

That appears fine. Your problem is most likely in your browser settings. Background images, by default, do not print. Make sure you change your settings.

In IE: Tools > Internet Options > Advanced

Make sure "Print Background Color and Images" is checked.

*cLFlaVA
----------------------------
Lois: "Peter, you're drunk!"
Peter: "I'm not drunk, I'm just exhausted from stayin' up all night drinking!

 

[Vragabond]

See my faq on printing backgrounds:

http://www.tek-tips.com/faqs.cfm?fid=4714

Otherwise, you can do it differently:

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

<style type="text/css" media="print">
  <!--
    .ibg { display: inline; }
  -->
</style>

<img class="ibg" src="mypic.jpg" alt="mypic" />

With this, you will have an img on the page, which is not displayed on screen but it is on the printout.

 

[webmigit]

That's a good point, I forgot about that... I'll have to start from scratch on this one I don't have anywhere on a tightly constructed table that this will fit... as a big, I have a few places that it goes over by a few pixels. but its so light, its ok..

Hmm... Thanks again, you're 2 for 2.

ALFII.com

http://www.alfii.com

---------------------
If this post answered or helped to answer your question, please reply with such so that forum members with a similar question will know to use this advice.