Categories: Ask a "how-to" question : Docs :

Full size background image ? (and document size...)

Showing 1-10 of 10 messages
Full size background image ? (and document size...) User333 1/23/10 11:18 AM
Hi everyone,

I am considering switching my company docs from office to Google Dos, but there is a major issue that keeps me from doing that : using a background image on documents.

This might sound silly, but being a paperless company, most of the mails - including cover letters, official mails and stuff - are sent in PDF. We have created a JPG document, the exact size in pixels of an A4 page, and whenever we're writing something official or kinda, we use the jpg as a fully fitted background image, and voila.

Now - I've been trying to do the same with Google Dos / Document, but dont seem to be able to. Heres what I've thought of :


1/ Import an image, and either use it "to fit the size of the page" or "to its actual size". Neither way worked : using my jpg background in actual size made it huge, and well over the margins. And I did try the "fit to page" option, but this did not take account of the margins, and my full size bgd got resized to a little less.

2/ I went to the page settings, in order to (thats what we had to do, as I recall, in early versions of Open Office) to set the margins to 0 and have it full size. Wrong move to : the lowest we can get is 1.something cm as a margin.

3/ I went to the CSS options, and used this : http://knol.google.com/k/google-docs-help-styles-in-google-docs#. The bgd popped up with no margin, but still too big. So when I went further and tried to use the "background-size" option in the css, the line in the css automatically went offline with an "/*".

Next step I might wanna try, is have my jpg background image resized locally to the actual Google Document size in pixels, so when I would upload it with the CSS trick, this would be it.

But here I am stuck again: I could not find anywhere the Google Document A4's size in pixels. Silly question I know, but this is my last option.. Unless someone can help?

Thanks for reading my mess
cheers



Re: Full size background image ? (and document size...) Gill 1/23/10 3:38 PM
Can you set the jpg size in the Edit HTML view using width and height in the <img> tag? That should accept inches or cm/mm. I can't remember the figures off the top of my head, but it shouldn't be hard to find the numbers you need for A4.
Re: Full size background image ? (and document size...) User333 1/23/10 4:06 PM
Hey Gill - Thanks for giving a hand. The <background="?file"> tag does not allow its size to be set. So I indeed have to move to <img> tag. If I set the img tag size to A4 (21cm x 29.7cm), it's like putting an image within the margins, within the text area : and here again, the image does not fit... It tried to use the padding/margin tags, but Im not really good at this - and not so confident this would work.
Re: Full size background image ? (and document size...) ahab 1/23/10 4:48 PM
I don't know if this will do it but please try this:

body { background-image: url('https://docs.google.com/File?id=dhrr6ms2_194dbdqv6d2_b'); background-repeat: no-repeat; background-position: 0px 0px; height: 297mm !important; width: 210mm !important; max-height: 297mm !important; max-width: 210mm !important; min-height: 297mm !important; min-width: 210mm !important; }

Additionally - to get it right for PDF and printing I'm experimenting with the settings below, but it is now to late for me to go on:
@media print { body { background-image: url('File?id=dhrr6ms2_194dbdqv6d2_b'); background-repeat: no-repeat; background-position: -0.5in -0.5in; height: 297mm !important; width: 210mm !important; max-height: 297mm !important; max-width: 210mm !important; min-height: 297mm !important; min-width: 210mm !important; margin: -0.5in !important; padding: -0.5in !important; } }
Re: Full size background image ? (and document size...) User333 1/23/10 4:58 PM
Hi Aha - thanks.

I have tried your code - carrefully copied/pasted it, and of course put the right file id. 

Now the outcome:
- on screen, I do get my image as a background, with no margin as requested. However there is something wrong the size : image is oversized, I just get about a quarter/third of it.
- on pdf :I get about the same - only the margins are back.


Its too bad the "use background image" option is available on Presentations, and not on Documents :(
Re: Full size background image ? (and document size...) Gill 1/24/10 10:01 AM
ahab - why do you need to spec the max and min sizes as well as just the height and width? I guess the margins you set in the @media print need to match those set in Gdocs' print settings?

@User 333 - I suggest you size your JPG exactly in photoshop or similar, so the original 'master image' you upload to Gdocs is the right size to start with. Apologies if you have already tried this. There has to be a way to make this work!
Re: Full size background image ? (and document size...) User333 1/24/10 10:13 AM
Thanks for helping out. There sure is a way and we're getting closer, but ... still not there.

Here - I made a print screen of a document page looked with 100% zoom, and I carefully measured the size in pixels of a document page : 749px width that is. So I set my background jpg file to this size, and inserted it using Ahab's CSS code : 

body { background-image: url('File?id=MYFILEID'); background-repeat: no-repeat; background-position: 0px 0px; height: 297mm !important; width: 210mm !important; max-height: 297mm !important; max-width: 210mm !important; min-height: 297mm !important; min-width: 210mm !important; }


As before, the margins are gone, and the page is on top left corner. However, there is something new : the page is now wider, and my fitted jpg background is now short on the right side. Let alone the bottom which, too, ends way further than my A4 sized background jpg...




Re: Full size background image ? (and document size...) ahab 1/24/10 11:40 AM
"I made a print screen of a document page looked with 100% zoom"
Waht kind of document page was that? Note In Google Docs the width and height in the page view has absolutely nothing to do with the paper size set in the print settings, it is a pseudo page layout.
Re: Full size background image ? (and document size...) Voyageur333 1/24/10 12:03 PM
You make a good point here, I have started from an empty Documents' page but I do understand that my pixels measures cannot be accurate. I also have come to this conclusion that page view was a 'pseudo' layout when I saw that the page was getting longer and longer as I typed stuff in. 

However, talking centimeters, my jpg background page is definately well sized: 21 x 29.7cm (A4)


When I change the CSS to your code using this A4 page, there is no margin, but there is a size issue : the background image is much larger than the page.
Re: Full size background image ? (and document size...) rusoleal 3/2/10 7:54 AM
Anyone knows any other solution? I just tried with styles trying to put my background resized to print area, but too much problems. Also printing to pdf I get blanks margings.

My company wants also to change to google docs, but problems like this are waiting my director manager.

Ruben