Thanks Andrew :)

I need something more cross-browser compatible though :(

I did do something that's a bit "ugly" but it works great - thought I
would share in case anyone else needed the idea for future reference (or
can improve upon it!)

Basically, I created a "print" class in my stylesheet - in the global
stylesheet (for screen media) it's set as ".print {display:none;}" and
in the print stylesheet, it's set as ".print { display:inline;}"  Above
the images (where I wanted ALT text to appear for print) I created a
small area with the alt text in it - something like so:

<div id="header">
<img src="headerimg.jpg" width="100" height="100" alt="header image alt
text here" />
<p class="print">header image alt text here</p>
</div>

So that way, when you're viewing the site through a browser, you see the
image, but the text is not displayed - but when you print, the text is
displayed and not the image.

Like I said, not the *prettiest* way around the issue, but it works.
Good thing I'm doing this on a site I'm currently working on - and not
one I've already completed or all this extra coding would be a royal PITA!

Thanks anyway, though :)  I'll file your tidbit away for future reference :)

~Shelly

______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to