Hey all,
I have a sight that I am working on that uses separate screen and print CSS
stylesheets. The screen version has a graphic that is white with a drop
shadow that appears over a background graphic. For the print version, if
user's have background colors/graphics turned off in their browser, I would
like an alternate graphic to appear -- white on white paper, despite the
drop shadow, does not stand out.
So, if in my XHTML, I have...
<div id="head">
<div id="logotype">
<img src="/images/misc/logotype.png" alt="..." name="logotypeImg"
width="370" height="70" border="0" id="logotypeImg" />
</div>
<div id="tagline">
Where good food, family, and friends come together.
</div>
</div>
Is there a way in CSS, to specifically alter the value of the "src"
attribute in the print.css stylesheet?
I'm not opposed to having an alternate IMG in there and toggling the DISPLAY
values, provided that it won't break my layout. That is...
<div id="head">
<div id="logotype">
<img src="/images/misc/logotype.png" alt="..." name="logotypeImg"
width="370" height="70" border="0" id="logotypeImg" />
</div>
<div id="logotypePrint">
<img src="/images/misc/logotypePrint.png" alt="..."
name="logotypeImg"
width="370" height="70" border="0" id="logotypeImg" />
</div>
<div id="tagline">
Where good food, family, and friends come together.
</div>
</div>
... and in the screen CSS...
div#logotype { display: block; }
div#logotypePrint { display: none; }
... and then in the print CSS...
div#logotype { display: none; }
div#logotypePrint { display: block;}
Thoughts? Comments? Suggestions?
...Rob
________________________________________
Rob Emenecker @ Hairy Dog Digital
410.694.3575 (arf) || 410.694.3550 (fax)
www.hairydogdigital.com
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
