Comments on: Print.css and your website’s logo http://blog.e-ss.be/2007/10/15/printcss-and-your-websites-logo/ ess, blog about the web, css, html, javascript, youtube, webdesign, websites, marketing Thu, 11 Mar 2010 06:09:04 +0000 http://wordpress.org/?v=2.5.1 By: Kai http://blog.e-ss.be/2007/10/15/printcss-and-your-websites-logo/#comment-1217 Kai Fri, 25 Apr 2008 15:21:19 +0000 http://blog.e-ss.be/2007/10/15/printcss-and-your-websites-logo/#comment-1217 Forgive me for coming into this conversation late, but mine is an end-user problem that I have never as a self-confessed amateur been able to suss. It would be best for me to just ask the Q': What, if any, is the best format to use when saving a graphic, i.e., logo, for sending across, say, a network that will always be printed perfectly...or at least resemble the logo while not throwing up any pixilation? If anyone is still concerned with this, an explanation would be appreciated. Thanks, Kai Forgive me for coming into this conversation late, but mine is an end-user problem that I have never as a self-confessed amateur been able to suss. It would be best for me to just ask the Q’: What, if any, is the best format to use when saving a graphic, i.e., logo, for sending across, say, a network that will always be printed perfectly…or at least resemble the logo while not throwing up any pixilation? If anyone is still concerned with this, an explanation would be appreciated. Thanks, Kai

]]> By: Idetrorce http://blog.e-ss.be/2007/10/15/printcss-and-your-websites-logo/#comment-1115 Idetrorce Sat, 15 Dec 2007 13:26:45 +0000 http://blog.e-ss.be/2007/10/15/printcss-and-your-websites-logo/#comment-1115 very interesting, but I don't agree with you Idetrorce very interesting, but I don’t agree with you
Idetrorce

]]> By: 行搏客 » Smashing Magazine 2007年10月最佳 http://blog.e-ss.be/2007/10/15/printcss-and-your-websites-logo/#comment-1096 行搏客 » Smashing Magazine 2007年10月最佳 Mon, 19 Nov 2007 01:32:33 +0000 http://blog.e-ss.be/2007/10/15/printcss-and-your-websites-logo/#comment-1096 [...] 6、如何编写打印CSS？ [...] [...] 6、如何编写打印CSS？ [...]

]]> By: 2007年10月小结 | mashableCN http://blog.e-ss.be/2007/10/15/printcss-and-your-websites-logo/#comment-1092 2007年10月小结 | mashableCN Fri, 16 Nov 2007 18:19:24 +0000 http://blog.e-ss.be/2007/10/15/printcss-and-your-websites-logo/#comment-1092 [...] Print.css and your website’s logo 每个网站都需要有一个让打印出来的页面很漂亮的样式表,尤其是信息类网站.本文介绍了一些技巧,教你如何美化 [...] [...] Print.css and your website’s logo 每个网站都需要有一个让打印出来的页面很漂亮的样式表,尤其是信息类网站.本文介绍了一些技巧,教你如何美化 [...]

]]> By: John Faulds http://blog.e-ss.be/2007/10/15/printcss-and-your-websites-logo/#comment-1080 John Faulds Wed, 14 Nov 2007 13:33:49 +0000 http://blog.e-ss.be/2007/10/15/printcss-and-your-websites-logo/#comment-1080 Your company logo should probably be in your HTML and not as a CSS background image because it's content, not decoration. That way you don't have to bother about changing its display depending on whether its for the screen or print. You can still put an image in a hx tag if it needs it and give it appropriate alt text for those who have images off. Your company logo should probably be in your HTML and not as a CSS background image because it’s content, not decoration. That way you don’t have to bother about changing its display depending on whether its for the screen or print. You can still put an image in a hx tag if it needs it and give it appropriate alt text for those who have images off.

]]> By: { Studio Rhoad } Media Design & Photography» Blog Archive » Best Of October 2007 http://blog.e-ss.be/2007/10/15/printcss-and-your-websites-logo/#comment-1074 { Studio Rhoad } Media Design & Photography» Blog Archive » Best Of October 2007 Tue, 13 Nov 2007 22:03:50 +0000 http://blog.e-ss.be/2007/10/15/printcss-and-your-websites-logo/#comment-1074 [...] Print.css and your websiteâ??s logoEvery website needs a print style sheet, especially informative websites. This article presents a little trick to give your printed page the logo and/or url, or whatever picture you would like to see on the printed paper. [...] [...] Print.css and your websiteâ??s logoEvery website needs a print style sheet, especially informative websites. This article presents a little trick to give your printed page the logo and/or url, or whatever picture you would like to see on the printed paper. [...]

]]> By: Ess - Sibran Lens » Blog Archive » The best of October 2007 by Smashing Magazine http://blog.e-ss.be/2007/10/15/printcss-and-your-websites-logo/#comment-1073 Ess - Sibran Lens » Blog Archive » The best of October 2007 by Smashing Magazine Tue, 13 Nov 2007 18:44:20 +0000 http://blog.e-ss.be/2007/10/15/printcss-and-your-websites-logo/#comment-1073 [...] sure you check: - What Beautiful HTML Code Looks Like - Print.css and your website’s logo (an article I wrote) - BlueprintCSS 101 - A List Apart: Findings From the Web Design Survey - [...] [...] sure you check: - What Beautiful HTML Code Looks Like - Print.css and your website’s logo (an article I wrote) - BlueprintCSS 101 - A List Apart: Findings From the Web Design Survey - [...]

]]> By: Best Of October 2007 | Blog http://blog.e-ss.be/2007/10/15/printcss-and-your-websites-logo/#comment-1072 Best Of October 2007 | Blog Tue, 13 Nov 2007 18:00:01 +0000 http://blog.e-ss.be/2007/10/15/printcss-and-your-websites-logo/#comment-1072 [...] Print.css and your website’s logoEvery website needs a print style sheet, especially informative websites. This article presents a little trick to give your printed page the logo and/or url, or whatever picture you would like to see on the printed paper. [...] [...] Print.css and your website’s logoEvery website needs a print style sheet, especially informative websites. This article presents a little trick to give your printed page the logo and/or url, or whatever picture you would like to see on the printed paper. [...]

]]> By: Best Of October 2007 | Best of the Month | Smashing Magazine http://blog.e-ss.be/2007/10/15/printcss-and-your-websites-logo/#comment-1071 Best Of October 2007 | Best of the Month | Smashing Magazine Tue, 13 Nov 2007 16:35:47 +0000 http://blog.e-ss.be/2007/10/15/printcss-and-your-websites-logo/#comment-1071 [...] Print.css and your website’s logoEvery website needs a print style sheet, especially informative websites. This article presents a little trick, to give you printed page the logo and/or url, or whatever picture you would like to see on the printed paper. [...] [...] Print.css and your website’s logoEvery website needs a print style sheet, especially informative websites. This article presents a little trick, to give you printed page the logo and/or url, or whatever picture you would like to see on the printed paper. [...]

]]> By: Nachlese Oktober 2007 - Die Seiten des Monats | Nachlese | Dr. Web Weblog http://blog.e-ss.be/2007/10/15/printcss-and-your-websites-logo/#comment-1070 Nachlese Oktober 2007 - Die Seiten des Monats | Nachlese | Dr. Web Weblog Tue, 13 Nov 2007 16:02:18 +0000 http://blog.e-ss.be/2007/10/15/printcss-and-your-websites-logo/#comment-1070 [...] Print.css and your website’s logo Mit einem kleinen Trick lässt sich beispielsweise das Logo einer Web-Seite ganz bequem in die Druckversion einfügen. [...] [...] Print.css and your website’s logo Mit einem kleinen Trick lässt sich beispielsweise das Logo einer Web-Seite ganz bequem in die Druckversion einfügen. [...]

]]> By: Nathan http://blog.e-ss.be/2007/10/15/printcss-and-your-websites-logo/#comment-1014 Nathan Wed, 17 Oct 2007 17:55:29 +0000 http://blog.e-ss.be/2007/10/15/printcss-and-your-websites-logo/#comment-1014 Like dave said above. If the user has css disabled your image will show up. A better solution if your layout will allow it is just to simply have your logo in an image field in the header where it will appear when printed. However, if your layout doesn't allow and for use of this technique there's no real need for the extra div tag that I can think of. Alls the extra div tag does is adds to your markup. You could simply tac-on a id or class tag onto the image and simply use something on the lines of img#print-logo {display:none;}, img.print-logo {display:none;} Cheers Like dave said above. If the user has css disabled your image will show up. A better solution if your layout will allow it is just to simply have your logo in an image field in the header where it will appear when printed.

However, if your layout doesn’t allow and for use of this technique there’s no real need for the extra div tag that I can think of. Alls the extra div tag does is adds to your markup.

You could simply tac-on a id or class tag onto the image and simply use something on the lines of img#print-logo {display:none;}, img.print-logo {display:none;}

Cheers

]]> By: Carlos Eduardo http://blog.e-ss.be/2007/10/15/printcss-and-your-websites-logo/#comment-1013 Carlos Eduardo Tue, 16 Oct 2007 13:41:16 +0000 http://blog.e-ss.be/2007/10/15/printcss-and-your-websites-logo/#comment-1013 Yeah, we have problems to print backgrounds, so this solution is very good to solve this problem :) Yeah, we have problems to print backgrounds, so this solution is very good to solve this problem :)

]]> By: Sibran http://blog.e-ss.be/2007/10/15/printcss-and-your-websites-logo/#comment-1012 Sibran Tue, 16 Oct 2007 11:15:35 +0000 http://blog.e-ss.be/2007/10/15/printcss-and-your-websites-logo/#comment-1012 Did you read my post? :) That's what my post is all about, using an image for printing, but not showing in your html... You could position your websites logo as in image in your html, but from time to time, you don't have the opportunity that your logo is at the top or bottom of your page. That's why I wrote this article about. Did you read my post? :)
That’s what my post is all about, using an image for printing, but not showing in your html…

You could position your websites logo as in image in your html, but from time to time, you don’t have the opportunity that your logo is at the top or bottom of your page. That’s why I wrote this article about.

]]> By: steve http://blog.e-ss.be/2007/10/15/printcss-and-your-websites-logo/#comment-1011 steve Tue, 16 Oct 2007 10:45:40 +0000 http://blog.e-ss.be/2007/10/15/printcss-and-your-websites-logo/#comment-1011 Using a background image is not a good solution, as background images are rarely printed. Use the img folks Using a background image is not a good solution, as background images are rarely printed. Use the img folks

]]> By: Sibran http://blog.e-ss.be/2007/10/15/printcss-and-your-websites-logo/#comment-1010 Sibran Tue, 16 Oct 2007 08:39:11 +0000 http://blog.e-ss.be/2007/10/15/printcss-and-your-websites-logo/#comment-1010 Yes indeed, that's exactly the way I work. The brand logo is in the css background, mostly with an "a-tag displayed blocked" around it to keep it linked. If css is disabled, the branding logo of the printing ID will be displayed. Yes indeed, that’s exactly the way I work. The brand logo is in the css background, mostly with an “a-tag displayed blocked” around it to keep it linked.

If css is disabled, the branding logo of the printing ID will be displayed.

]]>