Forum Moderators: open

Message Too Old, No Replies

CSS for visual/print

Question about legit thing?

         

Marabu

9:35 am on May 17, 2003 (gmt 0)

10+ Year Member



Hello

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]

chris_f

1:54 pm on May 19, 2003 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Welcome to WebmasterWorld Marabu,

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

Marabu

2:37 pm on May 19, 2003 (gmt 0)

10+ Year Member



You are right in this but I hate preparing print version of page - not only it takes time I don't want to waste on it, but every edit in one means edit in the second as well.

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]