Alt-web

 

 

More on this site

Alt-Web Home Page

Chalk Board Intro

CSS  Styled Background Images

Image Borders on Mouse Over

Iframes

Print Page Buttons

Close Window Buttons

Scrollable Divisions

CSS  Flyout Menus

Vertical & Horizontal Centering

Centered on  Two-toned Background Image

Liquid Layouts

Images and Text

Layout Regions

Printer Friendly Pages

Web Color Assist Tool

Hex  Color Chart

Favicons

Fast Contact Forms

 

 

 

banner

 

Print this Page Print this Page

Making Printer Friendly Page Layouts in Net Objects Fusion

Description:

This simple method shows you how to copy your web page onto a white background in a Zero Margins Page Layout. There are other ways to make printer friendly pages with server side scripts or by converting web pages to PDF (portable document format) for viewing in Adobe™ Acrobat Reader.  But this is the easiest way for most NOF users.

Tutorial:

  1. In Site View, click on the page icon or page name you wish to copy.  Hit Ctrl+C to copy, then Ctrl+V to paste. The creates a duplicate of your page. 

copy

  1. On the Page Properties box, rename your new page and set MasterBorder to Zero Margins.

rename

  1. In Page Design view, set Page Layout Properties width to something around 600 pixels wide.  You may have to adjust or squeeze your content to fit these dimensions (see below for converting content from tables into layouts).

width

  1. On the Backgrounds tab, Set Page Background Color to White #FFFFFF, and Page Background Image to None.

bground

  1. You should see a plain white page layout with no backgrounds, banners, ads or navigation elements except for those contained in your content.

Working with table based layouts:

  1. If your content is mostly inside tables, you may wish to Convert Tables to Layouts or just cut and paste your content from table cells into one large text box.  For ease in printing, the less complicated your layout the better. But some lists or charts, for example, may look nicer if nested inside tables. You be the judge.

Centering a page for all browsers

  1. Click the HTML button on the Page Layout Properties box, and type this line of code in the Beginning of Body tab: <div align="center">

C-begbody

  1. And then this line of code to close div in the End of Body tab: </div>.  Click OK.

C-endbody

That's all there is to it. We hope you found this article helpful and informative.

Print this Page Print this Page

 

Learn to make easy:

 

 

 


 

Reach the World with Alt-Web

If you use the free content on this site, please provide a link from your site to ours. Or visit our Free Reciprocal Link Exchange Page. Thank you.

 
© 1995 - 2007 Alt-Web Design and Publishing
Nancy O'Shea