Img alt content shown on printouts instead of image

I'm pretty sure this isn't possible, but to be sure: in an author print
style sheet is it possible to disable printing of a graphic logo and
print it's alt content instead?


Headless

--
Email and usenet filter list: http://www.headless.dna.ie/usenet.htm

Johannes Koch <koch (AT) w3development (DOT) de> wrote:

img {
visibility: hidden;
width: 0;
height: 0;
}
img:after {
content: attr(alt);
}

(untested)

On Opera, neither the image nor the alt text is shown. And this would
seem to be what the specifications imply. The :after pseudo-element is
part of the element's content, not separate, so if that content is
invisible and zero-size, the alt text is not shown either.

On the other hand, Opera has the built-in feature that you can switch off
images, and then the alt texts appear. Ditto in Mozilla. So browsers that
would support the approach already have a corresponding functionality.

--
Yucca, http://www.cs.tut.fi/~jkorpela/

Johannes Koch wrote:

I'm pretty sure this isn't possible, but to be sure: in an author print
style sheet is it possible to disable printing of a graphic logo and
print it's alt content instead?

Something like:

img {
visibility: hidden;
width: 0;
height: 0;
}
img:after {
content: attr(alt);
}

(untested)

Clever, it works (Opera/Moz) after a slight modification:

img {
visibility:hidden;
width:0;
height:0;
}
img:after {
display:block;
visibility:visible;
content:attr(alt);
}

And after adding a few body>'s it does no harm to poor old IE (tm).

Thanks,


Headless

--
Email and usenet filter list: http://www.headless.dna.ie/usenet.htm