Printable Page

[Josh Davis]

Can someone tell me how to set up the following page to be able fill the
entire page so that the table that houses all the content is full page rather
than part of the page. the page is:
http://shirleysrecipes.awardspace.biz/printlemonpoundcake.htm

Thank you,

 

[Ronx]

Change
<table border="1" cellpadding="0" cellspacing="0" width="640" height="1469"
bordercolorlight="#000080" bordercolordark="#000080">

to

<table border="1" cellpadding="0" cellspacing="0" width="100%"
bordercolorlight="#000080" bordercolordark="#000080">

The height attribute in a <table> tag is illegal HTML (though FrontPage
sticks it in anyway), and bordercolorlight and bordercolordark will both be
ignored by all browsers except IE.

--
Ron Symonds
Microsoft MVP (Expression Web)
http://www.rxs-enterprises.org/fp

Reply only to group - emails will be deleted unread.

 

[Josh Davis]

I tried to set the width of the table at 100% and the height undetermined as
you can see in http://shirleysrecipes.awardspace.biz/printlemonpoundcake.htm.
The problem is that it make one of main site navigation links on the left get
forced to the next line which i don't like. ow can i fix that but still keep
the size at 100%? Also, my numbered list wants to span to far over into the
last cell of the table. How can I make the numbered lst line up flush with
the outside main site navigation border?

Thank you,

 

[Ronx]

If this page is ONLY for printing then I would remove the navigation column
altogether - it's hard to navigate from a piece of paper without having the
entire link to copy.

If, on the other hand, it's a page for the website then I would not allow
the main column to exceed 650px width. it is difficult to read a line of
text that is more than about 6 or 7 inches in width on paper, or 600-700 px
width on the screen.

To fix your navigation column problem, either reduce the font size (my 1st
choice) or make the column wider. Change the font to size="3".

The page http://shirleysrecipes.awardspace.biz/lemonpoundcake.htm is much
too wide for my 1280px wide monitor. The last thing you want is a bottom
scrollbar when there is none required. The lines of text in the recipe are
too long for comfortable reading. And the navigation is too busy - remove
the background image from behind the buttons.

Take a look at
http://www.rxs-enterprises.org/tests/pages/lemon_pound_cake.html
and try File->Print Preview in Internet Explorer to see the printable
version.
--
Ron Symonds
Microsoft MVP (Expression Web)
http://www.rxs-enterprises.org/fp

Reply only to group - emails will be deleted unread.

 

[Rob Giordano [MS MVP]]

why not just make the recipes .pdf files?

--
~~~~~~~~~~~~~~~~~~
Rob Giordano
Microsoft MVP Expression Web

 

[Josh Davis]

The reason i do not want PDF for the printable pages is because the viewer
may just want one recipe and not want to print the whole book if they wanted
the recipe in pdf that would be available in the recipe book information
section. It is quicker to just click a link a then click print. In a PDF, the
file has to download and then Acrobat has to open the PDF file which is
slower in my opinion. As for why not remove the navigation and table if this
is soley for print? The short answer is because i like the table layout
better on paper and it allows the viewer to not be confused about how to get
back to the page they were on. Or they can directly go somewhere else on the
site without having to go back to the previous page then go to another area
of the site. I want the site to be as direct and fluid as possible. Also the
printable page would be both for the site and for print i just want a version
that people can preview it as the look at it before printing separate from my
online made-for-website-page. I did reduce the navigation font but no one has
told me as of yet how to fix the numbering issue of the numbered list.

 

[Rob Giordano [MS MVP]]

I was thinking more of individual pdf's for each recipe.

Anyway, you should dump the navigation on the print page and make a "return"
button go go back...better yet make the print page open in a new window, and
no navigation at all that would allow you do do what you want with the
ordered list (go all the way left),


--
~~~~~~~~~~~~~~~~~~
Rob Giordano
Microsoft MVP Expression Web

 

[Josh Davis]

ok i did remove the navigation from the printable page and make the online
page open the printable page in a new window. However, is there not a way to
make the new window a pop up window or some variation there of? What I mean
is the window that opens for the printable page is a full size browser window
can i not specify a restricted window size? Also in the ordered list items 9
& 10 of that page the text is slightly on top of each other. How can i fix
that? Also can i do the 100% width on my online pages so I can have them fill
the window like most other pages do?

Thank you,

 

[Ronx]

I posted this yesterday, but the original seems
to have vanished into the ether.


I agree with Rob - dump all the navigation and
open in a new window. Or
better still, use CSS (look at the code in my
version of the page) to hide
the navigation when printing, then the print page
will be unnecessary.

The only problem I see with the ordered list is a
lot of CSS that should not
be there, such as class="msonormal" - that class
comes straight out of Word
or Publisher, and is not defined in the page.
The excessive CSS in the <li>
tags may also be causing a problem in IE8 - the
lines of text almost overlap
each other. Remove all this and let the page
form naturally - it WILL look
better, and behave.

--
Ron Symonds
Microsoft MVP (Expression Web)
http://www.rxs-enterprises.org/fp



After serious thinking Josh Davis wrote :