Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

General Discussion

Meg Cusack
Meg Cusack
11,448 Points

Question. Printable CSS

In this video: http://teamtreehouse.com/library/websites/css-foundations/printing/print-stylesheets-part-2. (Websites CSS Foundations - Version 1 Printing Print Stylesheets: Part 2) I learned it well (GREAT instruction), but what I want is for the page that prints, to be an editable document, such as a Word doc. The thing I am printing from the page is a book report form. I would like it if the person could save it as a Word doc (or other fomat- textedit, etc.) on their computer (instead of a PDF), fill it in on their computer and then email it to me. Can you point me to instruction on how to adjust my CSS to have it do this? Thanks, Meg

10 Answers

John Locke
John Locke
15,479 Points

Meg, Can you show us the page, so we have a better idea of what you're trying to accomplish?

You can save any page as a PDF already ( Print > Change Destination > Save as PDF), but saving it as a Word doc isn't anything you can change with CSS.

What you can do is have them do id Right-click > Save Page As > HTML Document, Whole and then cut and paste that into a Word document. http://www.ehow.com/how_4894224_make-word-document.html

Perhaps a better alternative would be to upload an editable PDF and have them download that.

Meg Cusack
Meg Cusack
11,448 Points

John, Here is a link to the page. http://www.cusackrgb.com/book_report_form.html I looked at the ehow directions but it seems they will lose much of the formatting. I would love it if there is a way to have the download be in Word format. Can you give me an example of an editable PDF format? I could try that if the Word option doesn't work.

Meg Cusack
Meg Cusack
11,448 Points

Not sure why my link isn't working. Try www.cusackrgb.com and then click on the Book Report Link to see what I am trying to allow printing as Word.

John Locke
John Locke
15,479 Points

I fixed your URL, you had a capital ' i ' instead of an ' l ' in .html.

Here are some links for creating an editable PDF.

http://www.wondershare.com/pdf/create-fillable-pdf-forms.html http://acrobatusers.com/tutorials/how-to-create-editable-form-fields http://www.hartnell.edu/faculty/frc/guides/Create%20a%20fillable%20PDF%20Form.pdf

Create your PDF, upload it, link to it, and you should be good to go.

Meg Cusack
Meg Cusack
11,448 Points

Thank you. Those sites are very helpful for the book report form. BUT, while I have your attention, I do still have the Word question. I have another website where I share study questions and notes from book studies our group has done. On that website I have them downloadable as files in both PDF and Word format. I created that site on Yola but now that I am doing my own coding, I want to be able to do the same thing on my own (have downloadable files in Word or PDF). It is interesting that on my Yola site, when I click on a file that is in PDF format, it opens in a HTML viewable page that then prints nicely but when I click on a file that is in Word format, it does not open viewable but just downloads and prints nicely too. I basically have no idea what is going on in this category of coding. Any resources for study you can point me to would be great.

John Locke
John Locke
15,479 Points

Meg, that is common all over the Web. PDFs are generally their own page, but I can't recall ever seeing a Word document in the same light. Word documents are not the same as PDFs.

I just tried an experiment myself. I uploaded a Word doc to my own site, and tried to go to that URL. The Word doc will download, the PDF will display. As far as I know, that's the default behavior, and I'm not sure you can change it.

Meg Cusack
Meg Cusack
11,448 Points

How do I upload a Word doc to my site? If I can do that, it will help a lot.

John Locke
John Locke
15,479 Points

You can either upload it via FTP, with an FTP client such as Filezilla.

Treat it just as an HTML file:

mysite.com/my-doc-file.docx

Going to a URL with that structure should start the download.