I have developed a very graphical website, which current has one stylesheet with the media="all" attribute. I know how to create an optional stylesheet for PRINT. The problem I face is with images.

I created my stylesheet for print, and set all IMAGES to hidden. The problem I have encountered is that although the images are not displayed, the space they resided in remains on the page I print as white space. I was therefore wondering how in CSS I can remove the images from the document flow completely, allowing the text of the page just to be printed to enable me to print large text?

Can anyone offer some advisement or tips on how best to approach this?


Gaz

__________________
Gaz

Furthermore, if I have a webpage with x2 cols, with the second col with the main text body, how in a print CSS can I collapse the first col? as the space in first col also gets printed despite having its content hidden

Gaz

http://www.w3.org/TR/REC-CSS2/visure...ropdef-display

"none
This value causes an element to generate no boxes in the formatting structure (i.e., the element has no effect on layout). Descendant elements do not generate any boxes either; this behavior cannot be overridden by setting the 'display' property on the descendants."

You may also want to read this article.
http://www.alistapart.com/stories/goingtoprint/

--
http://yupapa.com

Thanks for your help :)

Gaz