-
1. Re: Swapping a logo for print css
martcol Feb 22, 2012 10:02 AM (in response to ottz0)Hello,
I have not done this myself but currently, I am interested in stylesheets for print so have been reading about it. Mind you, I never thought about replacing an image to suit paper when the web image is not appropriate so, I am glad I read your question!
I came accross this tutorial which looks helpful: http://www.ibloomstudios.com/articles/CSS_Logo_Replacement
It makes more sense if you examine the code in the example pages.
Hope it helps
Martin.
-
2. Re: Swapping a logo for print css
Rik Ramsay Feb 22, 2012 10:34 AM (in response to ottz0)It depends how you set this up in the HTML and CSS. Easiest way would be to have them side by side in the HTML and give each a different class. Then, in each style sheet set the other to {display:none}. Eg, Screen logo set to display:none on the print.css and print logo set to display:none on screen.css.
I managed to find an old tutorial from Adobe explaining just that - it's about half way down this link. http://www.adobe.com/devnet/dreamweaver/articles/screen_to_print.html
-
3. Re: Swapping a logo for print css
Shoumma Adhikary Feb 25, 2012 4:55 PM (in response to ottz0)Setup in the HTML and CSS. Easiest way would be to have them side by side in the HTML and give each a different class. Then, in each style sheet set the other to {display:none}. Eg, Screen logo set to display:none on the print.css and print logo set to display:none on screen.css.
For more:
[useless link removed]


