Forum Moderators: open
So my question is: Let's say, I'm a bit developer and I like to use different stylesheets for printing and displaying.
In fact, you can use second stylesheet to hide things you don't want - i.e. you have menu with links and images as headers. So I usually use both text and image for link. I.e. text is hidden while image is shown. If I want to print document, I do display: none for header image and display: block for my header text. That means I'm often hiding things etc - menu is no use with printed page, same with advertising etc.
Is it considered legit or not? Because if it is not, I get penalized for making my website accessible for blind people, people who want to print it out etc.
You can see example at <snip> - all the top etc. is reformated...
Thanks for response
Hekerle Vitezslav
[edited by: Woz at 9:40 am (utc) on May 17, 2003]
[edit reason] no URLs please [/edit]
Most search engines to not read css files at this point in time. However, GoogleGuy has hinted that Google shortly will be. Normally you wouldn't have a problem, but, you have posed a vitally important question. Can search engines tell you page is for printing and your not actually spamming. The truth is noone will no the answer. I assume you will be ok and long as the filename is something like 'printerfriendly.htm', however, I cannot assume this.
One way around your problem might be server side script like asap. I have setup my sites so that if the url contains the printer friendly querystring then it returns the printer friendly page which because the code is server-side and the items are hidden server side there is no hidding of information using css.
Chris
Also don't forget that it's all about accessibility. Blind use can't 'see' image but he can hear the spoken word. 'Normal' human on the other side likes a bit of graphic. Some devices don't know CSS so
blind people:
[h1](hidden image)Welcome[/h1]
simple device (e.g. you are browsing on the refrigerator ;)
[h1](hidden image)Welcome[/h1]
print version
[h1](hidden image)Welcome[/h1]
normal human
[h1][img src='welcome.jpg' alt='Welcome image' /](hidden text)[/h1]