Basically I have a div in the middle of the page called ‘report’ that I want to be the only thing that prints.
If anyone has a little time to walk me through it I would be grateful. It’s basically applying the class style etc. that I’m having problems with
You need to have a stylesheet that is designed to hide everything
besides that box. If you could post a link to your page, and note the
name of the box you want to show, one or another of us could probably
come up with the correct set of rules to make it work. Once you have
that page, you need to apply the stylesheet to your page so that it
only gets applied when the page is printed. My External StyleSheets
Action can do this, it’s a free download at ActionsForge.
Basically I have a div in the middle of the page called ‘report’
that I want to be the only thing that prints.
If anyone has a little time to walk me through it I would be
grateful. It’s basically applying the class style etc. that I’m
having problems with
The page can be viewed here. It’s kind of the other way around where I need all of it to print… but I don’t want the top div ‘header’ to be seen online – is that possible?
Member of NAPP | Zen Affiliate | Dorset Business Member | YEC
Facebook | Twitter | LinkedIn
On May 9, 2011, at 7:09 PM, Walter Davis wrote:
You need to have a stylesheet that is designed to hide everything besides that box. If you could post a link to your page, and note the name of the box you want to show, one or another of us could probably come up with the correct set of rules to make it work. Once you have that page, you need to apply the stylesheet to your page so that it only gets applied when the page is printed. My External StyleSheets Action can do this, it’s a free download at ActionsForge.
Basically I have a div in the middle of the page called ‘report’ that I want to be the only thing that prints.
If anyone has a little time to walk me through it I would be grateful. It’s basically applying the class style etc. that I’m having problems with
The first set of styles hide the header and the two form items in the header and the second style (#content) simply moves the main content area up to the top of the page.
I hope this helps.
Regards,
Tim.
On 10 May 2011, at 10:42, Nathan Garner wrote:
The page can be viewed here. It’s kind of the other way around where I need all of it to print… but I don’t want the top div ‘header’ to be seen online – is that possible?
The first set of styles hide the header and the two form items in the header and the second style (#content) simply moves the main content area up to the top of the page.
I hope this helps.
Regards,
Tim.
On 10 May 2011, at 10:42, Nathan Garner wrote:
The page can be viewed here. It’s kind of the other way around where I need all of it to print… but I don’t want the top div ‘header’ to be seen online – is that possible?
The first set of styles hide the header and the two form items in the header and the second style (#content) simply moves the main content area up to the top of the page.
I hope this helps.
Regards,
Tim.
On 10 May 2011, at 10:42, Nathan Garner wrote:
The page can be viewed here. It’s kind of the other way around where I need all of it to print… but I don’t want the top div ‘header’ to be seen online – is that possible?
On a slightly separate note… I am designing some form elements in a portrait layout to fit within a page structure (approx 550px wide), when I print I would like a different layout (landscape etc.) I have seen this done, and assume it is alot of extra work - different css files etc.
Is this the case? And if so is there a walkthrough anywhere that someone else has used?
Hi Nathan,
There are a number of technical guides available online that will step you through the process of writing a print stylesheet for your site. If you know enough about how Freeway handles it’s CSS (and I think you do) you should be able to pull something together quite easily.
I’ve been searching for an online tool I spotted a while back but can’t appear to locate it right now. It allowed you to load your site and selectively remove items from the print stylesheet.
Aha! I just remembered that it was Chris Coyier project. Here it is; The Printliminator Demo
Member of NAPP | Zen Affiliate | Dorset Business Member | YEC
Facebook | Twitter | LinkedIn
On May 11, 2011, at 10:31 AM, Tim Plumb wrote:
Hi Nathan,
There are a number of technical guides available online that will step you through the process of writing a print stylesheet for your site. If you know enough about how Freeway handles it’s CSS (and I think you do) you should be able to pull something together quite easily.
I’ve been searching for an online tool I spotted a while back but can’t appear to locate it right now. It allowed you to load your site and selectively remove items from the print stylesheet.
Aha! I just remembered that it was Chris Coyier project. Here it is; The Printliminator Demo