Made From Scratch Printable Web Page

J

Josh Davis

I want to create a white web page with black and white text on it for my site
but i don't want to use CSS. I want to make my regular pages have a duplicate
page for the printable version one for online cop and one that is just for
printing purposes. But how do i set up a blank web page to only be as big as
necessary to make the web page only about as big as the 8.5 inches x11 inches
paper it would be printed on? How do i do that? Thank you any help is greatly
appreciated.
 
H

Helpful person

I want to create a white web page with black and white text on it for my site
but i don't want to use CSS. I want to make my regular pages have a duplicate
page for the printable version one for online cop and one that is just for
printing purposes. But how do i set up a blank web page to only be as bigas
necessary to make the web page only about as big as the 8.5 inches x11 inches
paper it would be printed on? How do i do that? Thank you any help is greatly
appreciated.
Click to expand...

You use CSS
 
J

Josh Davis

Thanks for you for your comnent!! However, if you read my original post you
will see i do not want to use CSS.
 
D

Dan L

For one thing you're not going to see nor print white text on a white web
page. For another, if you don't want to use the preferred method to set up a
printable web page you're passing up the perfect solution. There are
tutorials all over the web on setting up a printable web page, but I don't
know of any that don't use CSS.
 
H

Helpful person

Thanks for you for your comnent!! However, if you read my original post you
will see i do not want to use CSS.
Click to expand...
I did read it. Not using CSS is like saying how do I write a web site
without using HTML. It's the perfect tool.
 
R

Ronx

For the printer, you create the page with a fixed, maximum width of
620px. For a page that is *only* for print, set the font sizes in pts.
For a page that is for the screen, do *not* use pts - different browsers
will use different sizes for pts, but all printers will treat pts the
same way.

The easiest way to do this is to use ONE page (no duplicates) and CSS to
mark the differences between the screen layout and print layout.
 
J

Josh Davis

I did not say a blank web page with white text i meant a white which is blank
wepage with black text on a white background. I just want to take the black
and white page and set dimensions so that it will present it's self as web
page designed specifically for only one purpose which is printing.
 
J

Josh Davis

Response to Murray and Ronx:

The reason i do not what to use CSS is well quite frankly, i do not have
much experience in CSS my background is in FrontPage and HTML. I have looked
at the CSS Printer-Friendly Pages and i do not get the CSS script when it
talks about the screen and print versions in the CSS code. I also have no
idea where and in what page tp ut the CSS code in the web site. I know from
experience that if you corrupt your whole HTML code by just one character the
whole site goes blank and that is why a CSS code worries me. Mu site as well
does not have a set "navigation" or FrontPage template it uses interactive
buttons to accomplish a navigation etc.
 
T

Trevor Lawrence

Josh,
I am not one of the those who responded to you originally, but my advice is
"Don't worry"

In my experience, if CSS is wrong, then it does nothing.

Two ways to set up the CSS code
1. In the <head> section add
<style type="text/css">
/* the styles go here */
</style>

2. If the code is in an external file (style.css), then in the <head>
section add
<link rel="stylesheet" type="text/css" href="style.css">

RE screen and print versions,
For screen, you don't need to do anything. (It is the default.)
For print versions, use
<link rel="stylesheet" type="text/css" media="print" href="print.css" />

In fact, you can use both
<link rel="stylesheet" type="text/css" href="style.css" />
<link rel="stylesheet" type="text/css" media="print" href="print.css" />

The CSS in print.css will add to that already in style.css, cascading as in
Cascading StyleSheet
 
J

Josh Davis

Thank you Trevor Lawrence,

here is my code for the first page that a printable page would be necessary.
<---------------------------------Start of
Code--------------------------------->
<html>

<head>
<meta http-equiv="Content-Language" content="en-us">
<meta name="GENERATOR" content="Microsoft FrontPage 6.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Banana Pudding</title>
<script language="JavaScript">
<!--
function FP_swapImg() {//v1.0
var doc=document,args=arguments,elm,n; doc.$imgSwaps=new Array(); for(n=2;
n<args.length;
n+=2) { elm=FP_getObjectByID(args[n]); if(elm) {
doc.$imgSwaps[doc.$imgSwaps.length]=elm;
elm.$src=elm.src; elm.src=args[n+1]; } }
}

function FP_preloadImgs() {//v1.0
var d=document,a=arguments; if(!d.FP_imgs) d.FP_imgs=new Array();
for(var i=0; i<a.length; i++) { d.FP_imgs=new Image;
d.FP_imgs.src=a; }
}

function FP_getObjectByID(id,o) {//v1.0
var c,el,els,f,m,n; if(!o)o=document; if(o.getElementById)
el=o.getElementById(id);
else if(o.layers) c=o.layers; else if(o.all) el=o.all[id]; if(el) return el;
if(o.id==id || o.name==id) return o; if(o.childNodes) c=o.childNodes; if(c)
for(n=0; n<c.length; n++) { el=FP_getObjectByID(id,c[n]); if(el) return el; }
f=o.forms; if(f) for(n=0; n<f.length; n++) { els=f[n].elements;
for(m=0; m<els.length; m++){ el=FP_getObjectByID(id,els[n]); if(el) return
el; } }
return null;
}
// -->
</script>
</head>

<body onload="FP_preloadImgs(/*url*/'buttonD.gif', /*url*/'buttonC.gif',
/*url*/'button1E.gif', /*url*/'button1F.gif', /*url*/'button21.gif',
/*url*/'button22.gif', /*url*/'buttonA.gif', /*url*/'button9.gif',
/*url*/'button12.gif', /*url*/'buttonA1.gif')">

<table border="1" cellpadding="0" cellspacing="0" width="1055" height="820"
bordercolorlight="#000080" bordercolordark="#000080">
<!-- MSTableType="layout" -->
<tr>
<td valign="top" background="foodanddrink.jpg">
<!-- MSCellType="DecArea" -->
<img border="0" src="spaceball.gif" width="1" height="1"><img border="0"
src="16517.jpg" width="182" height="182"></td>
<td valign="top" height="138" background="foodanddrink.jpg">
<!-- MSCellType="ContentHead" -->
</td>
</tr>
<tr>
<td valign="top" width="183" background="foodanddrink.jpg" rowspan="2">
<!-- MSCellType="NavBody" -->
<a href="index.htm">
<img border="0" id="img5" src="button20.gif" height="24" width="182"
alt="Home Page"
onmouseover="FP_swapImg(1,0,/*id*/'img5',/*url*/'button21.gif')"
onmouseout="FP_swapImg(0,0,/*id*/'img5',/*url*/'button20.gif')"
onmousedown="FP_swapImg(1,0,/*id*/'img5',/*url*/'button22.gif')"
onmouseup="FP_swapImg(0,0,/*id*/'img5',/*url*/'button21.gif')"
fp-style="fp-btn: Embossed Rectangle 1; fp-font: Arial Rounded MT Bold;
fp-font-size: 12; fp-font-color-normal: #000080; fp-transparent: 1;
fp-proportional: 0; fp-orig: 0" fp-title="Home Page"></a><a
href="recipes.htm"><img border="0" id="img2" src="button8.gif" height="24"
width="182" alt="Recipies"
onmouseover="FP_swapImg(1,0,/*id*/'img2',/*url*/'button9.gif')"
onmouseout="FP_swapImg(0,0,/*id*/'img2',/*url*/'button8.gif')"
onmousedown="FP_swapImg(1,0,/*id*/'img2',/*url*/'buttonA.gif')"
onmouseup="FP_swapImg(0,0,/*id*/'img2',/*url*/'button9.gif')"
fp-style="fp-btn: Embossed Rectangle 1; fp-font: Arial Rounded MT Bold;
fp-font-size: 12; fp-font-color-hover: #000080; fp-transparent: 1;
fp-proportional: 0; fp-orig: 0" fp-title="Recipies"></a><a
href="dedication.htm"><img border="0" id="img3" src="buttonB.gif" height="24"
width="182" alt="Dedication"
onmouseover="FP_swapImg(1,0,/*id*/'img3',/*url*/'buttonC.gif')"
onmouseout="FP_swapImg(0,0,/*id*/'img3',/*url*/'buttonB.gif')"
onmousedown="FP_swapImg(1,0,/*id*/'img3',/*url*/'buttonD.gif')"
onmouseup="FP_swapImg(0,0,/*id*/'img3',/*url*/'buttonC.gif')"
fp-style="fp-btn: Embossed Rectangle 1; fp-font: Arial Rounded MT Bold;
fp-font-size: 12; fp-font-color-normal: #000080; fp-font-color-press:
#000080; fp-transparent: 1; fp-proportional: 0; fp-orig: 0"
fp-title="Dedication"></a><a href="contactme.htm"><img border="0" id="img4"
src="button1D.gif" height="24" width="182" alt="Contact Me" fp-style="fp-btn:
Embossed Rectangle 1; fp-font: Arial Rounded MT Bold; fp-font-size: 12;
fp-font-color-normal: #000080; fp-font-color-press: #000080; fp-transparent:
1; fp-proportional: 0; fp-orig: 0" fp-title="Contact Me"
onmouseover="FP_swapImg(1,0,/*id*/'img4',/*url*/'button1E.gif')"
onmouseout="FP_swapImg(0,0,/*id*/'img4',/*url*/'button1D.gif')"
onmousedown="FP_swapImg(1,0,/*id*/'img4',/*url*/'button1F.gif')"
onmouseup="FP_swapImg(0,0,/*id*/'img4',/*url*/'button1E.gif')"></a></td>
<td valign="top" height="378">
<!-- MSCellType="ContentBody" -->
<p align="left"><font face="Arial Narrow" color="#000080"
size="4"> </font><font color="#000080" size="4" face="Cooper Black">
As this is the first page of the recipes, I apologize for having to change my
font. I only have done this because otherwise a script type of font can get
confusing, especially in a recipe.</font></p>
<p align="right"><font color="#000080" size="4" face="Cooper Black">
<a href="printbananapudding.htm">
<img border="0" id="img6" src="button13.gif" height="21" width="201"
alt="Printable Recipe Version" fp-style="fp-btn: Glass Rectangle 1; fp-font:
Arial Rounded MT Bold; fp-font-size: 12; fp-font-color-normal: #000080;
fp-font-color-press: #000080; fp-transparent: 1; fp-proportional: 0"
fp-title="Printable Recipe Version"
onmouseover="FP_swapImg(1,0,/*id*/'img6',/*url*/'button12.gif')"
onmouseout="FP_swapImg(0,0,/*id*/'img6',/*url*/'button13.gif')"
onmousedown="FP_swapImg(1,0,/*id*/'img6',/*url*/'buttonA1.gif')"
onmouseup="FP_swapImg(0,0,/*id*/'img6',/*url*/'button12.gif')"></a></font></p>
<p align="center"><font face="Cooper Black" size="4" color="#000080">
Banana Pudding</font></p>
<p align="left"><font face="Cooper Black" size="4" color="#000080">
Ingredients:</font></p>
<p align="left"> </p>
<p align="left"> </p>
<p align="left"> </p>
<p align="left"> </p>
<p align="left"><font face="Cooper Black" size="4" color="#000080">
Directions:</font></p>
<p align="center"> </p>
<p align="left"> </p></td>
</tr>
<tr>
<td valign="top" height="302" width="866" background="foodanddrink.jpg">
<!-- MSCellType="ContentBody" -->
<p> </p>
<p> </p>
<p align="center">
</td>
</tr>
</table>

</body>

</html>
<----------------------------------End of
Code--------------------------------->

If in my style i want the text to print in "Cooper Black" how do i tell the
code that? Also, if you o to my live site
"http://shirleysrecipies.eu.pn/bananapudding.htm" that page is what i am
trying to figure our all i want to print is the text in the white box minus
the button in the white box. If you could write the CSS code fro me that
would help SUBSTAINTILLY and just tell me what page i put the code on etc.
 
R

Ronx

To make that page suitable for print, without CSS, you will have to
considerably redesign it.
The width at present is 1055px plus browser chrome - that's already too
wide for half the monitors in use without a horizontal scroll bar - use
File->Preview in Browser and choose a browser at 1024x768.
For print on A4 or Letter sized paper, the width has to be reduced by
(approx) half - to 620px.

This is actually easily done by removing all the layout table comments,
and the cell heights and widths. The result is a flexible layout that
will adjust according to content and browser (and paper) size.

Cooper Black is not a common font - it is likely that users will see
(and print) Times New Roman instead. The fonts rendered in a browser
(or on paper) is limited to the fonts installed on the PC.
--
Ron Symonds - Microsoft MVP (Expression)
Reply only to group - emails will be deleted unread.

http://www.rxs-enterprises.org/fp




Thank you Trevor Lawrence,

here is my code for the first page that a printable page would be necessary.
<---------------------------------Start of
Code--------------------------------->
<html>

<head>
<meta http-equiv="Content-Language" content="en-us">
<meta name="GENERATOR" content="Microsoft FrontPage 6.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Banana Pudding</title>
<script language="JavaScript">
<!--
function FP_swapImg() {//v1.0
var doc=document,args=arguments,elm,n; doc.$imgSwaps=new Array(); for(n=2;
n<args.length;
n+=2) { elm=FP_getObjectByID(args[n]); if(elm) {
doc.$imgSwaps[doc.$imgSwaps.length]=elm;
elm.$src=elm.src; elm.src=args[n+1]; } }
}

function FP_preloadImgs() {//v1.0
var d=document,a=arguments; if(!d.FP_imgs) d.FP_imgs=new Array();
for(var i=0; i<a.length; i++) { d.FP_imgs=new Image;
d.FP_imgs.src=a; }
}

function FP_getObjectByID(id,o) {//v1.0
var c,el,els,f,m,n; if(!o)o=document; if(o.getElementById)
el=o.getElementById(id);
else if(o.layers) c=o.layers; else if(o.all) el=o.all[id]; if(el) return el;
if(o.id==id || o.name==id) return o; if(o.childNodes) c=o.childNodes; if(c)
for(n=0; n<c.length; n++) { el=FP_getObjectByID(id,c[n]); if(el) return el; }
f=o.forms; if(f) for(n=0; n<f.length; n++) { els=f[n].elements;
for(m=0; m<els.length; m++){ el=FP_getObjectByID(id,els[n]); if(el) return
el; } }
return null;
}
// -->
</script>
</head>

<body onload="FP_preloadImgs(/*url*/'buttonD.gif', /*url*/'buttonC.gif',
/*url*/'button1E.gif', /*url*/'button1F.gif', /*url*/'button21.gif',
/*url*/'button22.gif', /*url*/'buttonA.gif', /*url*/'button9.gif',
/*url*/'button12.gif', /*url*/'buttonA1.gif')">

<table border="1" cellpadding="0" cellspacing="0" width="1055" height="820"
bordercolorlight="#000080" bordercolordark="#000080">
<!-- MSTableType="layout" -->
<tr>
<td valign="top" background="foodanddrink.jpg">
<!-- MSCellType="DecArea" -->
<img border="0" src="spaceball.gif" width="1" height="1"><img border="0"
src="16517.jpg" width="182" height="182"></td>
<td valign="top" height="138" background="foodanddrink.jpg">
<!-- MSCellType="ContentHead" -->
</td>
</tr>
<tr>
<td valign="top" width="183" background="foodanddrink.jpg" rowspan="2">
<!-- MSCellType="NavBody" -->
<a href="index.htm">
<img border="0" id="img5" src="button20.gif" height="24" width="182"
alt="Home Page"
onmouseover="FP_swapImg(1,0,/*id*/'img5',/*url*/'button21.gif')"
onmouseout="FP_swapImg(0,0,/*id*/'img5',/*url*/'button20.gif')"
onmousedown="FP_swapImg(1,0,/*id*/'img5',/*url*/'button22.gif')"
onmouseup="FP_swapImg(0,0,/*id*/'img5',/*url*/'button21.gif')"
fp-style="fp-btn: Embossed Rectangle 1; fp-font: Arial Rounded MT Bold;
fp-font-size: 12; fp-font-color-normal: #000080; fp-transparent: 1;
fp-proportional: 0; fp-orig: 0" fp-title="Home Page"></a><a
href="recipes.htm"><img border="0" id="img2" src="button8.gif" height="24"
width="182" alt="Recipies"
onmouseover="FP_swapImg(1,0,/*id*/'img2',/*url*/'button9.gif')"
onmouseout="FP_swapImg(0,0,/*id*/'img2',/*url*/'button8.gif')"
onmousedown="FP_swapImg(1,0,/*id*/'img2',/*url*/'buttonA.gif')"
onmouseup="FP_swapImg(0,0,/*id*/'img2',/*url*/'button9.gif')"
fp-style="fp-btn: Embossed Rectangle 1; fp-font: Arial Rounded MT Bold;
fp-font-size: 12; fp-font-color-hover: #000080; fp-transparent: 1;
fp-proportional: 0; fp-orig: 0" fp-title="Recipies"></a><a
href="dedication.htm"><img border="0" id="img3" src="buttonB.gif" height="24"
width="182" alt="Dedication"
onmouseover="FP_swapImg(1,0,/*id*/'img3',/*url*/'buttonC.gif')"
onmouseout="FP_swapImg(0,0,/*id*/'img3',/*url*/'buttonB.gif')"
onmousedown="FP_swapImg(1,0,/*id*/'img3',/*url*/'buttonD.gif')"
onmouseup="FP_swapImg(0,0,/*id*/'img3',/*url*/'buttonC.gif')"
fp-style="fp-btn: Embossed Rectangle 1; fp-font: Arial Rounded MT Bold;
fp-font-size: 12; fp-font-color-normal: #000080; fp-font-color-press:
#000080; fp-transparent: 1; fp-proportional: 0; fp-orig: 0"
fp-title="Dedication"></a><a href="contactme.htm"><img border="0" id="img4"
src="button1D.gif" height="24" width="182" alt="Contact Me" fp-style="fp-btn:
Embossed Rectangle 1; fp-font: Arial Rounded MT Bold; fp-font-size: 12;
fp-font-color-normal: #000080; fp-font-color-press: #000080; fp-transparent:
1; fp-proportional: 0; fp-orig: 0" fp-title="Contact Me"
onmouseover="FP_swapImg(1,0,/*id*/'img4',/*url*/'button1E.gif')"
onmouseout="FP_swapImg(0,0,/*id*/'img4',/*url*/'button1D.gif')"
onmousedown="FP_swapImg(1,0,/*id*/'img4',/*url*/'button1F.gif')"
onmouseup="FP_swapImg(0,0,/*id*/'img4',/*url*/'button1E.gif')"></a></td>
<td valign="top" height="378">
<!-- MSCellType="ContentBody" -->
<p align="left"><font face="Arial Narrow" color="#000080"
size="4"> </font><font color="#000080" size="4" face="Cooper Black">
As this is the first page of the recipes, I apologize for having to change my
font. I only have done this because otherwise a script type of font can get
confusing, especially in a recipe.</font></p>
<p align="right"><font color="#000080" size="4" face="Cooper Black">
<a href="printbananapudding.htm">
<img border="0" id="img6" src="button13.gif" height="21" width="201"
alt="Printable Recipe Version" fp-style="fp-btn: Glass Rectangle 1; fp-font:
Arial Rounded MT Bold; fp-font-size: 12; fp-font-color-normal: #000080;
fp-font-color-press: #000080; fp-transparent: 1; fp-proportional: 0"
fp-title="Printable Recipe Version"
onmouseover="FP_swapImg(1,0,/*id*/'img6',/*url*/'button12.gif')"
onmouseout="FP_swapImg(0,0,/*id*/'img6',/*url*/'button13.gif')"
onmousedown="FP_swapImg(1,0,/*id*/'img6',/*url*/'buttonA1.gif')"
onmouseup="FP_swapImg(0,0,/*id*/'img6',/*url*/'button12.gif')"></a></font></p>
<p align="center"><font face="Cooper Black" size="4" color="#000080">
Banana Pudding</font></p>
<p align="left"><font face="Cooper Black" size="4" color="#000080">
Ingredients:</font></p>
<p align="left"> </p>
<p align="left"> </p>
<p align="left"> </p>
<p align="left"> </p>
<p align="left"><font face="Cooper Black" size="4" color="#000080">
Directions:</font></p>
<p align="center"> </p>
<p align="left"> </p></td>
</tr>
<tr>
<td valign="top" height="302" width="866" background="foodanddrink.jpg">
<!-- MSCellType="ContentBody" -->
<p> </p>
<p> </p>
<p align="center">
</td>
</tr>
</table>

</body>

</html>
<----------------------------------End of
Code--------------------------------->

If in my style i want the text to print in "Cooper Black" how do i tell the
code that? Also, if you o to my live site
"http://shirleysrecipies.eu.pn/bananapudding.htm" that page is what i am
trying to figure our all i want to print is the text in the white box minus
the button in the white box. If you could write the CSS code fro me that
would help SUBSTAINTILLY and just tell me what page i put the code on etc.
Trevor Lawrence said:
Josh,
I am not one of the those who responded to you originally, but my advice is
"Don't worry"

In my experience, if CSS is wrong, then it does nothing.

Two ways to set up the CSS code
1. In the <head> section add
<style type="text/css">
/* the styles go here */
</style>

2. If the code is in an external file (style.css), then in the <head>
section add
<link rel="stylesheet" type="text/css" href="style.css">

RE screen and print versions,
For screen, you don't need to do anything. (It is the default.)
For print versions, use
<link rel="stylesheet" type="text/css" media="print" href="print.css" />

In fact, you can use both
<link rel="stylesheet" type="text/css" href="style.css" />
<link rel="stylesheet" type="text/css" media="print" href="print.css" />

The CSS in print.css will add to that already in style.css, cascading as in
Cascading StyleSheet
Click to expand...
Click to expand...
 
D

Dan L

In your example, it's the printbananapudding.htm page that needs to be
formatted for printing. Don't do anything to the bananapudding.htm page. In
printbananapudding.htm you can take out all scripts, navigation and
background pictures, place the recipe in a 800px table and that page is
printable.

<html>
<head>
<meta name="GENERATOR" content="Microsoft FrontPage 6.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Banana Pudding Printable</title>
</head>
<body>
<table border="1" cellpadding="0" cellspacing="0" width="800px"
bordercolorlight="#000080" bordercolordark="#000080">
<!-- MSTableType="layout" -->
<tr>
<td valign="top" height="378">
<!-- MSCellType="ContentBody" -->
<p align="center"><font face="Cooper Black" size="4" color="#000080">
Banana Pudding</font></p>
<p align="left"><font face="Cooper Black" size="4" color="#000080">
Ingredients:</font></p>
<p align="left"> </p>
<p align="left"> </p>
<p align="left"> </p>
<p align="left"> </p>
<p align="left"><font face="Cooper Black" size="4" color="#000080">
Directions:</font></p>
<p align="center"> </p>
<p align="left"> </p></td>
</tr>
</table>
</body>
</html>

Josh Davis said:
Thank you Trevor Lawrence,

here is my code for the first page that a printable page would be necessary.
<---------------------------------Start of
Code--------------------------------->
<html>

<head>
<meta http-equiv="Content-Language" content="en-us">
<meta name="GENERATOR" content="Microsoft FrontPage 6.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Banana Pudding</title>
<script language="JavaScript">
<!--
function FP_swapImg() {//v1.0
var doc=document,args=arguments,elm,n; doc.$imgSwaps=new Array(); for(n=2;
n<args.length;
n+=2) { elm=FP_getObjectByID(args[n]); if(elm) {
doc.$imgSwaps[doc.$imgSwaps.length]=elm;
elm.$src=elm.src; elm.src=args[n+1]; } }
}

function FP_preloadImgs() {//v1.0
var d=document,a=arguments; if(!d.FP_imgs) d.FP_imgs=new Array();
for(var i=0; i<a.length; i++) { d.FP_imgs=new Image;
d.FP_imgs.src=a; }
}

function FP_getObjectByID(id,o) {//v1.0
var c,el,els,f,m,n; if(!o)o=document; if(o.getElementById)
el=o.getElementById(id);
else if(o.layers) c=o.layers; else if(o.all) el=o.all[id]; if(el) return el;
if(o.id==id || o.name==id) return o; if(o.childNodes) c=o.childNodes; if(c)
for(n=0; n<c.length; n++) { el=FP_getObjectByID(id,c[n]); if(el) return el; }
f=o.forms; if(f) for(n=0; n<f.length; n++) { els=f[n].elements;
for(m=0; m<els.length; m++){ el=FP_getObjectByID(id,els[n]); if(el) return
el; } }
return null;
}
// -->
</script>
</head>

<body onload="FP_preloadImgs(/*url*/'buttonD.gif', /*url*/'buttonC.gif',
/*url*/'button1E.gif', /*url*/'button1F.gif', /*url*/'button21.gif',
/*url*/'button22.gif', /*url*/'buttonA.gif', /*url*/'button9.gif',
/*url*/'button12.gif', /*url*/'buttonA1.gif')">

<table border="1" cellpadding="0" cellspacing="0" width="1055" height="820"
bordercolorlight="#000080" bordercolordark="#000080">
<!-- MSTableType="layout" -->
<tr>
<td valign="top" background="foodanddrink.jpg">
<!-- MSCellType="DecArea" -->
<img border="0" src="spaceball.gif" width="1" height="1"><img border="0"
src="16517.jpg" width="182" height="182"></td>
<td valign="top" height="138" background="foodanddrink.jpg">
<!-- MSCellType="ContentHead" -->
</td>
</tr>
<tr>
<td valign="top" width="183" background="foodanddrink.jpg" rowspan="2">
<!-- MSCellType="NavBody" -->
<a href="index.htm">
<img border="0" id="img5" src="button20.gif" height="24" width="182"
alt="Home Page"
onmouseover="FP_swapImg(1,0,/*id*/'img5',/*url*/'button21.gif')"
onmouseout="FP_swapImg(0,0,/*id*/'img5',/*url*/'button20.gif')"
onmousedown="FP_swapImg(1,0,/*id*/'img5',/*url*/'button22.gif')"
onmouseup="FP_swapImg(0,0,/*id*/'img5',/*url*/'button21.gif')"
fp-style="fp-btn: Embossed Rectangle 1; fp-font: Arial Rounded MT Bold;
fp-font-size: 12; fp-font-color-normal: #000080; fp-transparent: 1;
fp-proportional: 0; fp-orig: 0" fp-title="Home Page"></a><a
href="recipes.htm"><img border="0" id="img2" src="button8.gif" height="24"
width="182" alt="Recipies"
onmouseover="FP_swapImg(1,0,/*id*/'img2',/*url*/'button9.gif')"
onmouseout="FP_swapImg(0,0,/*id*/'img2',/*url*/'button8.gif')"
onmousedown="FP_swapImg(1,0,/*id*/'img2',/*url*/'buttonA.gif')"
onmouseup="FP_swapImg(0,0,/*id*/'img2',/*url*/'button9.gif')"
fp-style="fp-btn: Embossed Rectangle 1; fp-font: Arial Rounded MT Bold;
fp-font-size: 12; fp-font-color-hover: #000080; fp-transparent: 1;
fp-proportional: 0; fp-orig: 0" fp-title="Recipies"></a><a
href="dedication.htm"><img border="0" id="img3" src="buttonB.gif" height="24"
width="182" alt="Dedication"
onmouseover="FP_swapImg(1,0,/*id*/'img3',/*url*/'buttonC.gif')"
onmouseout="FP_swapImg(0,0,/*id*/'img3',/*url*/'buttonB.gif')"
onmousedown="FP_swapImg(1,0,/*id*/'img3',/*url*/'buttonD.gif')"
onmouseup="FP_swapImg(0,0,/*id*/'img3',/*url*/'buttonC.gif')"
fp-style="fp-btn: Embossed Rectangle 1; fp-font: Arial Rounded MT Bold;
fp-font-size: 12; fp-font-color-normal: #000080; fp-font-color-press:
#000080; fp-transparent: 1; fp-proportional: 0; fp-orig: 0"
fp-title="Dedication"></a><a href="contactme.htm"><img border="0" id="img4"
src="button1D.gif" height="24" width="182" alt="Contact Me" fp-style="fp-btn:
Embossed Rectangle 1; fp-font: Arial Rounded MT Bold; fp-font-size: 12;
fp-font-color-normal: #000080; fp-font-color-press: #000080; fp-transparent:
1; fp-proportional: 0; fp-orig: 0" fp-title="Contact Me"
onmouseover="FP_swapImg(1,0,/*id*/'img4',/*url*/'button1E.gif')"
onmouseout="FP_swapImg(0,0,/*id*/'img4',/*url*/'button1D.gif')"
onmousedown="FP_swapImg(1,0,/*id*/'img4',/*url*/'button1F.gif')"
onmouseup="FP_swapImg(0,0,/*id*/'img4',/*url*/'button1E.gif')"></a></td>
<td valign="top" height="378">
<!-- MSCellType="ContentBody" -->
<p align="left"><font face="Arial Narrow" color="#000080"
size="4"> </font><font color="#000080" size="4" face="Cooper Black">
As this is the first page of the recipes, I apologize for having to change my
font. I only have done this because otherwise a script type of font can get
confusing, especially in a recipe.</font></p>
<p align="right"><font color="#000080" size="4" face="Cooper Black">
<a href="printbananapudding.htm">
<img border="0" id="img6" src="button13.gif" height="21" width="201"
alt="Printable Recipe Version" fp-style="fp-btn: Glass Rectangle 1; fp-font:
Arial Rounded MT Bold; fp-font-size: 12; fp-font-color-normal: #000080;
fp-font-color-press: #000080; fp-transparent: 1; fp-proportional: 0"
fp-title="Printable Recipe Version"
onmouseover="FP_swapImg(1,0,/*id*/'img6',/*url*/'button12.gif')"
onmouseout="FP_swapImg(0,0,/*id*/'img6',/*url*/'button13.gif')"
onmousedown="FP_swapImg(1,0,/*id*/'img6',/*url*/'buttonA1.gif')"
onmouseup="FP_swapImg(0,0,/*id*/'img6',/*url*/'button12.gif')"></a></font></p>
<p align="center"><font face="Cooper Black" size="4" color="#000080">
Banana Pudding</font></p>
<p align="left"><font face="Cooper Black" size="4" color="#000080">
Ingredients:</font></p>
<p align="left"> </p>
<p align="left"> </p>
<p align="left"> </p>
<p align="left"> </p>
<p align="left"><font face="Cooper Black" size="4" color="#000080">
Directions:</font></p>
<p align="center"> </p>
<p align="left"> </p></td>
</tr>
<tr>
<td valign="top" height="302" width="866" background="foodanddrink.jpg">
<!-- MSCellType="ContentBody" -->
<p> </p>
<p> </p>
<p align="center">
</td>
</tr>
</table>

</body>

</html>
<----------------------------------End of
Code--------------------------------->

If in my style i want the text to print in "Cooper Black" how do i tell the
code that? Also, if you o to my live site
"http://shirleysrecipies.eu.pn/bananapudding.htm" that page is what i am
trying to figure our all i want to print is the text in the white box minus
the button in the white box. If you could write the CSS code fro me that
would help SUBSTAINTILLY and just tell me what page i put the code on etc.
Trevor Lawrence said:
Josh,
I am not one of the those who responded to you originally, but my advice is
"Don't worry"

In my experience, if CSS is wrong, then it does nothing.

Two ways to set up the CSS code
1. In the <head> section add
<style type="text/css">
/* the styles go here */
</style>

2. If the code is in an external file (style.css), then in the <head>
section add
<link rel="stylesheet" type="text/css" href="style.css">

RE screen and print versions,
For screen, you don't need to do anything. (It is the default.)
For print versions, use
<link rel="stylesheet" type="text/css" media="print" href="print.css" />

In fact, you can use both
<link rel="stylesheet" type="text/css" href="style.css" />
<link rel="stylesheet" type="text/css" media="print" href="print.css" />

The CSS in print.css will add to that already in style.css, cascading as in
Cascading StyleSheet
Click to expand...
Click to expand...
 
J

Josh Davis

Thank you for your response. I jus have a couple more questions are you
saying that i need to create two pages for each recipe page or use CSS? I
don't mind using CSS if possible-especially if it will keep me from
redesigning my whole site. Luckily though, if it so happens that i need to
change the width of the table to 620 Pixels there is only 6 pages on the site
right now. Or are you saying I should design both the site screen content at
a fixed width of 620 Pixels AND the print version with the same or what? If
anyone on here happens to have MSN (Windows Live) Messenger, Yahoo Messenger,
or AIM Messenger please IM me at on Windows Live (MSN) "(e-mail address removed)",
To make that page suitable for print, without CSS, you will have to
considerably redesign it.
The width at present is 1055px plus browser chrome - that's already too
wide for half the monitors in use without a horizontal scroll bar - use
File->Preview in Browser and choose a browser at 1024x768.
For print on A4 or Letter sized paper, the width has to be reduced by
(approx) half - to 620px.

This is actually easily done by removing all the layout table comments,
and the cell heights and widths. The result is a flexible layout that
will adjust according to content and browser (and paper) size.

Cooper Black is not a common font - it is likely that users will see
(and print) Times New Roman instead. The fonts rendered in a browser
(or on paper) is limited to the fonts installed on the PC.
--
Ron Symonds - Microsoft MVP (Expression)
Reply only to group - emails will be deleted unread.

http://www.rxs-enterprises.org/fp




Thank you Trevor Lawrence,

here is my code for the first page that a printable page would be necessary.
<---------------------------------Start of
Code--------------------------------->
<html>

<head>
<meta http-equiv="Content-Language" content="en-us">
<meta name="GENERATOR" content="Microsoft FrontPage 6.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Banana Pudding</title>
<script language="JavaScript">
<!--
function FP_swapImg() {//v1.0
var doc=document,args=arguments,elm,n; doc.$imgSwaps=new Array(); for(n=2;
n<args.length;
n+=2) { elm=FP_getObjectByID(args[n]); if(elm) {
doc.$imgSwaps[doc.$imgSwaps.length]=elm;
elm.$src=elm.src; elm.src=args[n+1]; } }
}

function FP_preloadImgs() {//v1.0
var d=document,a=arguments; if(!d.FP_imgs) d.FP_imgs=new Array();
for(var i=0; i<a.length; i++) { d.FP_imgs=new Image;
d.FP_imgs.src=a; }
}

function FP_getObjectByID(id,o) {//v1.0
var c,el,els,f,m,n; if(!o)o=document; if(o.getElementById)
el=o.getElementById(id);
else if(o.layers) c=o.layers; else if(o.all) el=o.all[id]; if(el) return el;
if(o.id==id || o.name==id) return o; if(o.childNodes) c=o.childNodes; if(c)
for(n=0; n<c.length; n++) { el=FP_getObjectByID(id,c[n]); if(el) return el; }
f=o.forms; if(f) for(n=0; n<f.length; n++) { els=f[n].elements;
for(m=0; m<els.length; m++){ el=FP_getObjectByID(id,els[n]); if(el) return
el; } }
return null;
}
// -->
</script>
</head>

<body onload="FP_preloadImgs(/*url*/'buttonD.gif', /*url*/'buttonC.gif',
/*url*/'button1E.gif', /*url*/'button1F.gif', /*url*/'button21.gif',
/*url*/'button22.gif', /*url*/'buttonA.gif', /*url*/'button9.gif',
/*url*/'button12.gif', /*url*/'buttonA1.gif')">

<table border="1" cellpadding="0" cellspacing="0" width="1055" height="820"
bordercolorlight="#000080" bordercolordark="#000080">
<!-- MSTableType="layout" -->
<tr>
<td valign="top" background="foodanddrink.jpg">
<!-- MSCellType="DecArea" -->
<img border="0" src="spaceball.gif" width="1" height="1"><img border="0"
src="16517.jpg" width="182" height="182"></td>
<td valign="top" height="138" background="foodanddrink.jpg">
<!-- MSCellType="ContentHead" -->
</td>
</tr>
<tr>
<td valign="top" width="183" background="foodanddrink.jpg" rowspan="2">
<!-- MSCellType="NavBody" -->
<a href="index.htm">
<img border="0" id="img5" src="button20.gif" height="24" width="182"
alt="Home Page"
onmouseover="FP_swapImg(1,0,/*id*/'img5',/*url*/'button21.gif')"
onmouseout="FP_swapImg(0,0,/*id*/'img5',/*url*/'button20.gif')"
onmousedown="FP_swapImg(1,0,/*id*/'img5',/*url*/'button22.gif')"
onmouseup="FP_swapImg(0,0,/*id*/'img5',/*url*/'button21.gif')"
fp-style="fp-btn: Embossed Rectangle 1; fp-font: Arial Rounded MT Bold;
fp-font-size: 12; fp-font-color-normal: #000080; fp-transparent: 1;
fp-proportional: 0; fp-orig: 0" fp-title="Home Page"></a><a
href="recipes.htm"><img border="0" id="img2" src="button8.gif" height="24"
width="182" alt="Recipies"
onmouseover="FP_swapImg(1,0,/*id*/'img2',/*url*/'button9.gif')"
onmouseout="FP_swapImg(0,0,/*id*/'img2',/*url*/'button8.gif')"
onmousedown="FP_swapImg(1,0,/*id*/'img2',/*url*/'buttonA.gif')"
onmouseup="FP_swapImg(0,0,/*id*/'img2',/*url*/'button9.gif')"
fp-style="fp-btn: Embossed Rectangle 1; fp-font: Arial Rounded MT Bold;
fp-font-size: 12; fp-font-color-hover: #000080; fp-transparent: 1;
fp-proportional: 0; fp-orig: 0" fp-title="Recipies"></a><a
href="dedication.htm"><img border="0" id="img3" src="buttonB.gif" height="24"
width="182" alt="Dedication"
onmouseover="FP_swapImg(1,0,/*id*/'img3',/*url*/'buttonC.gif')"
onmouseout="FP_swapImg(0,0,/*id*/'img3',/*url*/'buttonB.gif')"
onmousedown="FP_swapImg(1,0,/*id*/'img3',/*url*/'buttonD.gif')"
onmouseup="FP_swapImg(0,0,/*id*/'img3',/*url*/'buttonC.gif')"
fp-style="fp-btn: Embossed Rectangle 1; fp-font: Arial Rounded MT Bold;
fp-font-size: 12; fp-font-color-normal: #000080; fp-font-color-press:
#000080; fp-transparent: 1; fp-proportional: 0; fp-orig: 0"
fp-title="Dedication"></a><a href="contactme.htm"><img border="0" id="img4"
src="button1D.gif" height="24" width="182" alt="Contact Me" fp-style="fp-btn:
Embossed Rectangle 1; fp-font: Arial Rounded MT Bold; fp-font-size: 12;
fp-font-color-normal: #000080; fp-font-color-press: #000080; fp-transparent:
1; fp-proportional: 0; fp-orig: 0" fp-title="Contact Me"
onmouseover="FP_swapImg(1,0,/*id*/'img4',/*url*/'button1E.gif')"
onmouseout="FP_swapImg(0,0,/*id*/'img4',/*url*/'button1D.gif')"
onmousedown="FP_swapImg(1,0,/*id*/'img4',/*url*/'button1F.gif')"
onmouseup="FP_swapImg(0,0,/*id*/'img4',/*url*/'button1E.gif')"></a></td>
<td valign="top" height="378">
<!-- MSCellType="ContentBody" -->
<p align="left"><font face="Arial Narrow" color="#000080"
size="4"> </font><font color="#000080" size="4" face="Cooper Black">
As this is the first page of the recipes, I apologize for having to change my
font. I only have done this because otherwise a script type of font can get
confusing, especially in a recipe.</font></p>
<p align="right"><font color="#000080" size="4" face="Cooper Black">
<a href="printbananapudding.htm">
<img border="0" id="img6" src="button13.gif" height="21" width="201"
alt="Printable Recipe Version" fp-style="fp-btn: Glass Rectangle 1; fp-font:
Arial Rounded MT Bold; fp-font-size: 12; fp-font-color-normal: #000080;
fp-font-color-press: #000080; fp-transparent: 1; fp-proportional: 0"
fp-title="Printable Recipe Version"
onmouseover="FP_swapImg(1,0,/*id*/'img6',/*url*/'button12.gif')"
onmouseout="FP_swapImg(0,0,/*id*/'img6',/*url*/'button13.gif')"
onmousedown="FP_swapImg(1,0,/*id*/'img6',/*url*/'buttonA1.gif')"
onmouseup="FP_swapImg(0,0,/*id*/'img6',/*url*/'button12.gif')"></a></font></p>
<p align="center"><font face="Cooper Black" size="4" color="#000080">
Banana Pudding</font></p>
<p align="left"><font face="Cooper Black" size="4" color="#000080">
Ingredients:</font></p>
<p align="left"> </p>
<p align="left"> </p>
<p align="left"> </p>
<p align="left"> </p>
<p align="left"><font face="Cooper Black" size="4" color="#000080">
Directions:</font></p>
<p align="center"> </p>
<p align="left"> </p></td>
</tr>
<tr>
<td valign="top" height="302" width="866" background="foodanddrink.jpg">
<!-- MSCellType="ContentBody" -->
<p> </p>
<p> </p>
<p align="center">
</td>
</tr>
</table>

</body>

</html>
<----------------------------------End of
Code--------------------------------->

If in my style i want the text to print in "Cooper Black" how do i tell the
code that? Also, if you o to my live site
"http://shirleysrecipies.eu.pn/bananapudding.htm" that page is what i am
trying to figure our all i want to print is the text in the white box minus
the button in the white box. If you could write the CSS code fro me that
would help SUBSTAINTILLY and just tell me what page i put the code on etc.
Trevor Lawrence said:
Josh,
I am not one of the those who responded to you originally, but my advice is
"Don't worry"

In my experience, if CSS is wrong, then it does nothing.

Two ways to set up the CSS code
1. In the <head> section add
<style type="text/css">
/* the styles go here */
</style>

2. If the code is in an external file (style.css), then in the <head>
section add
<link rel="stylesheet" type="text/css" href="style.css">

RE screen and print versions,
For screen, you don't need to do anything. (It is the default.)
For print versions, use
<link rel="stylesheet" type="text/css" media="print" href="print.css" />

In fact, you can use both
<link rel="stylesheet" type="text/css" href="style.css" />
<link rel="stylesheet" type="text/css" media="print" href="print.css" />

The CSS in print.css will add to that already in style.css, cascading as in
Cascading StyleSheet

--
Trevor Lawrence
Canberra
Web Site http://trevorl.mvps.org

Response to Murray and Ronx:

The reason i do not what to use CSS is well quite frankly, i do not have
much experience in CSS my background is in FrontPage and HTML. I have
looked
at the CSS Printer-Friendly Pages and i do not get the CSS script when it
talks about the screen and print versions in the CSS code. I also have
no
idea where and in what page tp ut the CSS code in the web site. I know
from
experience that if you corrupt your whole HTML code by just one character
the
whole site goes blank and that is why a CSS code worries me. Mu site as
well
does not have a set "navigation" or FrontPage template it uses interactive
buttons to accomplish a navigation etc.

:

For the printer, you create the page with a fixed, maximum width of
620px. For a page that is *only* for print, set the font sizes in pts.
For a page that is for the screen, do *not* use pts - different browsers
will use different sizes for pts, but all printers will treat pts the
same way.

The easiest way to do this is to use ONE page (no duplicates) and CSS to
mark the differences between the screen layout and print layout.
--
Ron Symonds - Microsoft MVP (Expression)
Reply only to group - emails will be deleted unread.

http://www.rxs-enterprises.org/fp





I want to create a white web page with black and white text on it for
my site
but i don't want to use CSS. I want to make my regular pages have a
duplicate
page for the printable version one for online cop and one that is just
for
printing purposes. But how do i set up a blank web page to only be as
big as
necessary to make the web page only about as big as the 8.5 inches x11
inches
paper it would be printed on? How do i do that? Thank you any help is
greatly
appreciated.
Click to expand...
Click to expand...
Click to expand...
 
J

Josh Davis

ok, 1 question is that Pixel measurement "800 Px" (Pixels) 800 Pixels by 800
Pixels or 800 Pixels wide?

Dan L said:
In your example, it's the printbananapudding.htm page that needs to be
formatted for printing. Don't do anything to the bananapudding.htm page. In
printbananapudding.htm you can take out all scripts, navigation and
background pictures, place the recipe in a 800px table and that page is
printable.

<html>
<head>
<meta name="GENERATOR" content="Microsoft FrontPage 6.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Banana Pudding Printable</title>
</head>
<body>
<table border="1" cellpadding="0" cellspacing="0" width="800px"
bordercolorlight="#000080" bordercolordark="#000080">
<!-- MSTableType="layout" -->
<tr>
<td valign="top" height="378">
<!-- MSCellType="ContentBody" -->
<p align="center"><font face="Cooper Black" size="4" color="#000080">
Banana Pudding</font></p>
<p align="left"><font face="Cooper Black" size="4" color="#000080">
Ingredients:</font></p>
<p align="left"> </p>
<p align="left"> </p>
<p align="left"> </p>
<p align="left"> </p>
<p align="left"><font face="Cooper Black" size="4" color="#000080">
Directions:</font></p>
<p align="center"> </p>
<p align="left"> </p></td>
</tr>
</table>
</body>
</html>

Josh Davis said:
Thank you Trevor Lawrence,

here is my code for the first page that a printable page would be necessary.
<---------------------------------Start of
Code--------------------------------->
<html>

<head>
<meta http-equiv="Content-Language" content="en-us">
<meta name="GENERATOR" content="Microsoft FrontPage 6.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Banana Pudding</title>
<script language="JavaScript">
<!--
function FP_swapImg() {//v1.0
var doc=document,args=arguments,elm,n; doc.$imgSwaps=new Array(); for(n=2;
n<args.length;
n+=2) { elm=FP_getObjectByID(args[n]); if(elm) {
doc.$imgSwaps[doc.$imgSwaps.length]=elm;
elm.$src=elm.src; elm.src=args[n+1]; } }
}

function FP_preloadImgs() {//v1.0
var d=document,a=arguments; if(!d.FP_imgs) d.FP_imgs=new Array();
for(var i=0; i<a.length; i++) { d.FP_imgs=new Image;
d.FP_imgs.src=a; }
}

function FP_getObjectByID(id,o) {//v1.0
var c,el,els,f,m,n; if(!o)o=document; if(o.getElementById)
el=o.getElementById(id);
else if(o.layers) c=o.layers; else if(o.all) el=o.all[id]; if(el) return el;
if(o.id==id || o.name==id) return o; if(o.childNodes) c=o.childNodes; if(c)
for(n=0; n<c.length; n++) { el=FP_getObjectByID(id,c[n]); if(el) return el; }
f=o.forms; if(f) for(n=0; n<f.length; n++) { els=f[n].elements;
for(m=0; m<els.length; m++){ el=FP_getObjectByID(id,els[n]); if(el) return
el; } }
return null;
}
// -->
</script>
</head>

<body onload="FP_preloadImgs(/*url*/'buttonD.gif', /*url*/'buttonC.gif',
/*url*/'button1E.gif', /*url*/'button1F.gif', /*url*/'button21.gif',
/*url*/'button22.gif', /*url*/'buttonA.gif', /*url*/'button9.gif',
/*url*/'button12.gif', /*url*/'buttonA1.gif')">

<table border="1" cellpadding="0" cellspacing="0" width="1055" height="820"
bordercolorlight="#000080" bordercolordark="#000080">
<!-- MSTableType="layout" -->
<tr>
<td valign="top" background="foodanddrink.jpg">
<!-- MSCellType="DecArea" -->
<img border="0" src="spaceball.gif" width="1" height="1"><img border="0"
src="16517.jpg" width="182" height="182"></td>
<td valign="top" height="138" background="foodanddrink.jpg">
<!-- MSCellType="ContentHead" -->
</td>
</tr>
<tr>
<td valign="top" width="183" background="foodanddrink.jpg" rowspan="2">
<!-- MSCellType="NavBody" -->
<a href="index.htm">
<img border="0" id="img5" src="button20.gif" height="24" width="182"
alt="Home Page"
onmouseover="FP_swapImg(1,0,/*id*/'img5',/*url*/'button21.gif')"
onmouseout="FP_swapImg(0,0,/*id*/'img5',/*url*/'button20.gif')"
onmousedown="FP_swapImg(1,0,/*id*/'img5',/*url*/'button22.gif')"
onmouseup="FP_swapImg(0,0,/*id*/'img5',/*url*/'button21.gif')"
fp-style="fp-btn: Embossed Rectangle 1; fp-font: Arial Rounded MT Bold;
fp-font-size: 12; fp-font-color-normal: #000080; fp-transparent: 1;
fp-proportional: 0; fp-orig: 0" fp-title="Home Page"></a><a
href="recipes.htm"><img border="0" id="img2" src="button8.gif" height="24"
width="182" alt="Recipies"
onmouseover="FP_swapImg(1,0,/*id*/'img2',/*url*/'button9.gif')"
onmouseout="FP_swapImg(0,0,/*id*/'img2',/*url*/'button8.gif')"
onmousedown="FP_swapImg(1,0,/*id*/'img2',/*url*/'buttonA.gif')"
onmouseup="FP_swapImg(0,0,/*id*/'img2',/*url*/'button9.gif')"
fp-style="fp-btn: Embossed Rectangle 1; fp-font: Arial Rounded MT Bold;
fp-font-size: 12; fp-font-color-hover: #000080; fp-transparent: 1;
fp-proportional: 0; fp-orig: 0" fp-title="Recipies"></a><a
href="dedication.htm"><img border="0" id="img3" src="buttonB.gif" height="24"
width="182" alt="Dedication"
onmouseover="FP_swapImg(1,0,/*id*/'img3',/*url*/'buttonC.gif')"
onmouseout="FP_swapImg(0,0,/*id*/'img3',/*url*/'buttonB.gif')"
onmousedown="FP_swapImg(1,0,/*id*/'img3',/*url*/'buttonD.gif')"
onmouseup="FP_swapImg(0,0,/*id*/'img3',/*url*/'buttonC.gif')"
fp-style="fp-btn: Embossed Rectangle 1; fp-font: Arial Rounded MT Bold;
fp-font-size: 12; fp-font-color-normal: #000080; fp-font-color-press:
#000080; fp-transparent: 1; fp-proportional: 0; fp-orig: 0"
fp-title="Dedication"></a><a href="contactme.htm"><img border="0" id="img4"
src="button1D.gif" height="24" width="182" alt="Contact Me" fp-style="fp-btn:
Embossed Rectangle 1; fp-font: Arial Rounded MT Bold; fp-font-size: 12;
fp-font-color-normal: #000080; fp-font-color-press: #000080; fp-transparent:
1; fp-proportional: 0; fp-orig: 0" fp-title="Contact Me"
onmouseover="FP_swapImg(1,0,/*id*/'img4',/*url*/'button1E.gif')"
onmouseout="FP_swapImg(0,0,/*id*/'img4',/*url*/'button1D.gif')"
onmousedown="FP_swapImg(1,0,/*id*/'img4',/*url*/'button1F.gif')"
onmouseup="FP_swapImg(0,0,/*id*/'img4',/*url*/'button1E.gif')"></a></td>
<td valign="top" height="378">
<!-- MSCellType="ContentBody" -->
<p align="left"><font face="Arial Narrow" color="#000080"
size="4"> </font><font color="#000080" size="4" face="Cooper Black">
As this is the first page of the recipes, I apologize for having to change my
font. I only have done this because otherwise a script type of font can get
confusing, especially in a recipe.</font></p>
<p align="right"><font color="#000080" size="4" face="Cooper Black">
<a href="printbananapudding.htm">
<img border="0" id="img6" src="button13.gif" height="21" width="201"
alt="Printable Recipe Version" fp-style="fp-btn: Glass Rectangle 1; fp-font:
Arial Rounded MT Bold; fp-font-size: 12; fp-font-color-normal: #000080;
fp-font-color-press: #000080; fp-transparent: 1; fp-proportional: 0"
fp-title="Printable Recipe Version"
onmouseover="FP_swapImg(1,0,/*id*/'img6',/*url*/'button12.gif')"
onmouseout="FP_swapImg(0,0,/*id*/'img6',/*url*/'button13.gif')"
onmousedown="FP_swapImg(1,0,/*id*/'img6',/*url*/'buttonA1.gif')"
onmouseup="FP_swapImg(0,0,/*id*/'img6',/*url*/'button12.gif')"></a></font></p>
<p align="center"><font face="Cooper Black" size="4" color="#000080">
Banana Pudding</font></p>
<p align="left"><font face="Cooper Black" size="4" color="#000080">
Ingredients:</font></p>
<p align="left"> </p>
<p align="left"> </p>
<p align="left"> </p>
<p align="left"> </p>
<p align="left"><font face="Cooper Black" size="4" color="#000080">
Directions:</font></p>
<p align="center"> </p>
<p align="left"> </p></td>
</tr>
<tr>
<td valign="top" height="302" width="866" background="foodanddrink.jpg">
<!-- MSCellType="ContentBody" -->
<p> </p>
<p> </p>
<p align="center">
</td>
</tr>
</table>

</body>

</html>
<----------------------------------End of
Code--------------------------------->

If in my style i want the text to print in "Cooper Black" how do i tell the
code that? Also, if you o to my live site
"http://shirleysrecipies.eu.pn/bananapudding.htm" that page is what i am
trying to figure our all i want to print is the text in the white box minus
the button in the white box. If you could write the CSS code fro me that
would help SUBSTAINTILLY and just tell me what page i put the code on etc.
Trevor Lawrence said:
Josh,
I am not one of the those who responded to you originally, but my advice is
"Don't worry"

In my experience, if CSS is wrong, then it does nothing.

Two ways to set up the CSS code
1. In the <head> section add
<style type="text/css">
/* the styles go here */
</style>

2. If the code is in an external file (style.css), then in the <head>
section add
<link rel="stylesheet" type="text/css" href="style.css">

RE screen and print versions,
For screen, you don't need to do anything. (It is the default.)
For print versions, use
<link rel="stylesheet" type="text/css" media="print" href="print.css" />

In fact, you can use both
<link rel="stylesheet" type="text/css" href="style.css" />
<link rel="stylesheet" type="text/css" media="print" href="print.css" />

The CSS in print.css will add to that already in style.css, cascading as in
Cascading StyleSheet

--
Trevor Lawrence
Canberra
Web Site http://trevorl.mvps.org

Response to Murray and Ronx:

The reason i do not what to use CSS is well quite frankly, i do not have
much experience in CSS my background is in FrontPage and HTML. I have
looked
at the CSS Printer-Friendly Pages and i do not get the CSS script when it
talks about the screen and print versions in the CSS code. I also have
no
idea where and in what page tp ut the CSS code in the web site. I know
from
experience that if you corrupt your whole HTML code by just one character
the
whole site goes blank and that is why a CSS code worries me. Mu site as
well
does not have a set "navigation" or FrontPage template it uses interactive
buttons to accomplish a navigation etc.

:

For the printer, you create the page with a fixed, maximum width of
620px. For a page that is *only* for print, set the font sizes in pts.
For a page that is for the screen, do *not* use pts - different browsers
will use different sizes for pts, but all printers will treat pts the
same way.

The easiest way to do this is to use ONE page (no duplicates) and CSS to
mark the differences between the screen layout and print layout.
--
Ron Symonds - Microsoft MVP (Expression)
Reply only to group - emails will be deleted unread.

http://www.rxs-enterprises.org/fp





I want to create a white web page with black and white text on it for
my site
but i don't want to use CSS. I want to make my regular pages have a
duplicate
page for the printable version one for online cop and one that is just
for
printing purposes. But how do i set up a blank web page to only be as
big as
necessary to make the web page only about as big as the 8.5 inches x11
inches
paper it would be printed on? How do i do that? Thank you any help is
greatly
appreciated.
Click to expand...
Click to expand...
Click to expand...
 
R

Ronx

800px is too wide for a Portrait Letter or A4 sheet. 620px is OK,
possibly 640px.

--
Ron Symonds - Microsoft MVP (Expression)
Reply only to group - emails will be deleted unread.

http://www.rxs-enterprises.org/fp




In your example, it's the printbananapudding.htm page that needs to be
formatted for printing. Don't do anything to the bananapudding.htm page. In
printbananapudding.htm you can take out all scripts, navigation and
background pictures, place the recipe in a 800px table and that page is
printable.

<html>
<head>
<meta name="GENERATOR" content="Microsoft FrontPage 6.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Banana Pudding Printable</title>
</head>
<body>
<table border="1" cellpadding="0" cellspacing="0" width="800px"
bordercolorlight="#000080" bordercolordark="#000080">
<!-- MSTableType="layout" -->
<tr>
<td valign="top" height="378">
<!-- MSCellType="ContentBody" -->
<p align="center"><font face="Cooper Black" size="4" color="#000080">
Banana Pudding</font></p>
<p align="left"><font face="Cooper Black" size="4" color="#000080">
Ingredients:</font></p>
<p align="left"> </p>
<p align="left"> </p>
<p align="left"> </p>
<p align="left"> </p>
<p align="left"><font face="Cooper Black" size="4" color="#000080">
Directions:</font></p>
<p align="center"> </p>
<p align="left"> </p></td>
</tr>
</table>
</body>
</html>

Josh Davis said:
Thank you Trevor Lawrence,

here is my code for the first page that a printable page would be necessary.
<---------------------------------Start of
Code--------------------------------->
<html>

<head>
<meta http-equiv="Content-Language" content="en-us">
<meta name="GENERATOR" content="Microsoft FrontPage 6.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Banana Pudding</title>
<script language="JavaScript">
<!--
function FP_swapImg() {//v1.0
var doc=document,args=arguments,elm,n; doc.$imgSwaps=new Array(); for(n=2;
n<args.length;
n+=2) { elm=FP_getObjectByID(args[n]); if(elm) {
doc.$imgSwaps[doc.$imgSwaps.length]=elm;
elm.$src=elm.src; elm.src=args[n+1]; } }
}

function FP_preloadImgs() {//v1.0
var d=document,a=arguments; if(!d.FP_imgs) d.FP_imgs=new Array();
for(var i=0; i<a.length; i++) { d.FP_imgs=new Image;
d.FP_imgs.src=a; }
}

function FP_getObjectByID(id,o) {//v1.0
var c,el,els,f,m,n; if(!o)o=document; if(o.getElementById)
el=o.getElementById(id);
else if(o.layers) c=o.layers; else if(o.all) el=o.all[id]; if(el) return el;
if(o.id==id || o.name==id) return o; if(o.childNodes) c=o.childNodes; if(c)
for(n=0; n<c.length; n++) { el=FP_getObjectByID(id,c[n]); if(el) return el; }
f=o.forms; if(f) for(n=0; n<f.length; n++) { els=f[n].elements;
for(m=0; m<els.length; m++){ el=FP_getObjectByID(id,els[n]); if(el) return
el; } }
return null;
}
// -->
</script>
</head>

<body onload="FP_preloadImgs(/*url*/'buttonD.gif', /*url*/'buttonC.gif',
/*url*/'button1E.gif', /*url*/'button1F.gif', /*url*/'button21.gif',
/*url*/'button22.gif', /*url*/'buttonA.gif', /*url*/'button9.gif',
/*url*/'button12.gif', /*url*/'buttonA1.gif')">

<table border="1" cellpadding="0" cellspacing="0" width="1055" height="820"
bordercolorlight="#000080" bordercolordark="#000080">
<!-- MSTableType="layout" -->
<tr>
<td valign="top" background="foodanddrink.jpg">
<!-- MSCellType="DecArea" -->
<img border="0" src="spaceball.gif" width="1" height="1"><img border="0"
src="16517.jpg" width="182" height="182"></td>
<td valign="top" height="138" background="foodanddrink.jpg">
<!-- MSCellType="ContentHead" -->
</td>
</tr>
<tr>
<td valign="top" width="183" background="foodanddrink.jpg" rowspan="2">
<!-- MSCellType="NavBody" -->
<a href="index.htm">
<img border="0" id="img5" src="button20.gif" height="24" width="182"
alt="Home Page"
onmouseover="FP_swapImg(1,0,/*id*/'img5',/*url*/'button21.gif')"
onmouseout="FP_swapImg(0,0,/*id*/'img5',/*url*/'button20.gif')"
onmousedown="FP_swapImg(1,0,/*id*/'img5',/*url*/'button22.gif')"
onmouseup="FP_swapImg(0,0,/*id*/'img5',/*url*/'button21.gif')"
fp-style="fp-btn: Embossed Rectangle 1; fp-font: Arial Rounded MT Bold;
fp-font-size: 12; fp-font-color-normal: #000080; fp-transparent: 1;
fp-proportional: 0; fp-orig: 0" fp-title="Home Page"></a><a
href="recipes.htm"><img border="0" id="img2" src="button8.gif" height="24"
width="182" alt="Recipies"
onmouseover="FP_swapImg(1,0,/*id*/'img2',/*url*/'button9.gif')"
onmouseout="FP_swapImg(0,0,/*id*/'img2',/*url*/'button8.gif')"
onmousedown="FP_swapImg(1,0,/*id*/'img2',/*url*/'buttonA.gif')"
onmouseup="FP_swapImg(0,0,/*id*/'img2',/*url*/'button9.gif')"
fp-style="fp-btn: Embossed Rectangle 1; fp-font: Arial Rounded MT Bold;
fp-font-size: 12; fp-font-color-hover: #000080; fp-transparent: 1;
fp-proportional: 0; fp-orig: 0" fp-title="Recipies"></a><a
href="dedication.htm"><img border="0" id="img3" src="buttonB.gif" height="24"
width="182" alt="Dedication"
onmouseover="FP_swapImg(1,0,/*id*/'img3',/*url*/'buttonC.gif')"
onmouseout="FP_swapImg(0,0,/*id*/'img3',/*url*/'buttonB.gif')"
onmousedown="FP_swapImg(1,0,/*id*/'img3',/*url*/'buttonD.gif')"
onmouseup="FP_swapImg(0,0,/*id*/'img3',/*url*/'buttonC.gif')"
fp-style="fp-btn: Embossed Rectangle 1; fp-font: Arial Rounded MT Bold;
fp-font-size: 12; fp-font-color-normal: #000080; fp-font-color-press:
#000080; fp-transparent: 1; fp-proportional: 0; fp-orig: 0"
fp-title="Dedication"></a><a href="contactme.htm"><img border="0" id="img4"
src="button1D.gif" height="24" width="182" alt="Contact Me" fp-style="fp-btn:
Embossed Rectangle 1; fp-font: Arial Rounded MT Bold; fp-font-size: 12;
fp-font-color-normal: #000080; fp-font-color-press: #000080; fp-transparent:
1; fp-proportional: 0; fp-orig: 0" fp-title="Contact Me"
onmouseover="FP_swapImg(1,0,/*id*/'img4',/*url*/'button1E.gif')"
onmouseout="FP_swapImg(0,0,/*id*/'img4',/*url*/'button1D.gif')"
onmousedown="FP_swapImg(1,0,/*id*/'img4',/*url*/'button1F.gif')"
onmouseup="FP_swapImg(0,0,/*id*/'img4',/*url*/'button1E.gif')"></a></td>
<td valign="top" height="378">
<!-- MSCellType="ContentBody" -->
<p align="left"><font face="Arial Narrow" color="#000080"
size="4"> </font><font color="#000080" size="4" face="Cooper Black">
As this is the first page of the recipes, I apologize for having to change my
font. I only have done this because otherwise a script type of font can get
confusing, especially in a recipe.</font></p>
<p align="right"><font color="#000080" size="4" face="Cooper Black">
<a href="printbananapudding.htm">
<img border="0" id="img6" src="button13.gif" height="21" width="201"
alt="Printable Recipe Version" fp-style="fp-btn: Glass Rectangle 1; fp-font:
Arial Rounded MT Bold; fp-font-size: 12; fp-font-color-normal: #000080;
fp-font-color-press: #000080; fp-transparent: 1; fp-proportional: 0"
fp-title="Printable Recipe Version"
onmouseover="FP_swapImg(1,0,/*id*/'img6',/*url*/'button12.gif')"
onmouseout="FP_swapImg(0,0,/*id*/'img6',/*url*/'button13.gif')"
onmousedown="FP_swapImg(1,0,/*id*/'img6',/*url*/'buttonA1.gif')"
onmouseup="FP_swapImg(0,0,/*id*/'img6',/*url*/'button12.gif')"></a></font></p>
<p align="center"><font face="Cooper Black" size="4" color="#000080">
Banana Pudding</font></p>
<p align="left"><font face="Cooper Black" size="4" color="#000080">
Ingredients:</font></p>
<p align="left"> </p>
<p align="left"> </p>
<p align="left"> </p>
<p align="left"> </p>
<p align="left"><font face="Cooper Black" size="4" color="#000080">
Directions:</font></p>
<p align="center"> </p>
<p align="left"> </p></td>
</tr>
<tr>
<td valign="top" height="302" width="866" background="foodanddrink.jpg">
<!-- MSCellType="ContentBody" -->
<p> </p>
<p> </p>
<p align="center">
</td>
</tr>
</table>

</body>

</html>
<----------------------------------End of
Code--------------------------------->

If in my style i want the text to print in "Cooper Black" how do i tell the
code that? Also, if you o to my live site
"http://shirleysrecipies.eu.pn/bananapudding.htm" that page is what i am
trying to figure our all i want to print is the text in the white box minus
the button in the white box. If you could write the CSS code fro me that
would help SUBSTAINTILLY and just tell me what page i put the code on etc.
Trevor Lawrence said:
Josh,
I am not one of the those who responded to you originally, but my advice is
"Don't worry"

In my experience, if CSS is wrong, then it does nothing.

Two ways to set up the CSS code
1. In the <head> section add
<style type="text/css">
/* the styles go here */
</style>

2. If the code is in an external file (style.css), then in the <head>
section add
<link rel="stylesheet" type="text/css" href="style.css">

RE screen and print versions,
For screen, you don't need to do anything. (It is the default.)
For print versions, use
<link rel="stylesheet" type="text/css" media="print" href="print.css" />

In fact, you can use both
<link rel="stylesheet" type="text/css" href="style.css" />
<link rel="stylesheet" type="text/css" media="print" href="print.css" />

The CSS in print.css will add to that already in style.css, cascading as in
Cascading StyleSheet

--
Trevor Lawrence
Canberra
Web Site http://trevorl.mvps.org

Response to Murray and Ronx:

The reason i do not what to use CSS is well quite frankly, i do not have
much experience in CSS my background is in FrontPage and HTML. I have
looked
at the CSS Printer-Friendly Pages and i do not get the CSS script when it
talks about the screen and print versions in the CSS code. I also have
no
idea where and in what page tp ut the CSS code in the web site. I know
from
experience that if you corrupt your whole HTML code by just one character
the
whole site goes blank and that is why a CSS code worries me. Mu site as
well
does not have a set "navigation" or FrontPage template it uses interactive
buttons to accomplish a navigation etc.

:

For the printer, you create the page with a fixed, maximum width of
620px. For a page that is *only* for print, set the font sizes in pts.
For a page that is for the screen, do *not* use pts - different browsers
will use different sizes for pts, but all printers will treat pts the
same way.

The easiest way to do this is to use ONE page (no duplicates) and CSS to
mark the differences between the screen layout and print layout.
--
Ron Symonds - Microsoft MVP (Expression)
Reply only to group - emails will be deleted unread.

http://www.rxs-enterprises.org/fp





I want to create a white web page with black and white text on it for
my site
but i don't want to use CSS. I want to make my regular pages have a
duplicate
page for the printable version one for online cop and one that is just
for
printing purposes. But how do i set up a blank web page to only be as
big as
necessary to make the web page only about as big as the 8.5 inches x11
inches
paper it would be printed on? How do i do that? Thank you any help is
greatly
appreciated.
Click to expand...
Click to expand...
Click to expand...
 
R

Ronx

You need a width not exceeding 620px (pixels). Any wider and some
printers will not print anything on the right of the page, other
printers may reduce the font size to fit everything on the page. The
page length will take care of itself, but if you want only one sheet per
web page, then the length will be around 1000px (pixels) - you may have
to experiment with that.

--
Ron Symonds - Microsoft MVP (Expression)
Reply only to group - emails will be deleted unread.

http://www.rxs-enterprises.org/fp




ok, 1 question is that Pixel measurement "800 Px" (Pixels) 800 Pixels by 800
Pixels or 800 Pixels wide?

Dan L said:
In your example, it's the printbananapudding.htm page that needs to be
formatted for printing. Don't do anything to the bananapudding.htm page. In
printbananapudding.htm you can take out all scripts, navigation and
background pictures, place the recipe in a 800px table and that page is
printable.

<html>
<head>
<meta name="GENERATOR" content="Microsoft FrontPage 6.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Banana Pudding Printable</title>
</head>
<body>
<table border="1" cellpadding="0" cellspacing="0" width="800px"
bordercolorlight="#000080" bordercolordark="#000080">
<!-- MSTableType="layout" -->
<tr>
<td valign="top" height="378">
<!-- MSCellType="ContentBody" -->
<p align="center"><font face="Cooper Black" size="4" color="#000080">
Banana Pudding</font></p>
<p align="left"><font face="Cooper Black" size="4" color="#000080">
Ingredients:</font></p>
<p align="left"> </p>
<p align="left"> </p>
<p align="left"> </p>
<p align="left"> </p>
<p align="left"><font face="Cooper Black" size="4" color="#000080">
Directions:</font></p>
<p align="center"> </p>
<p align="left"> </p></td>
</tr>
</table>
</body>
</html>

Josh Davis said:
Thank you Trevor Lawrence,

here is my code for the first page that a printable page would be necessary.
<---------------------------------Start of
Code--------------------------------->
<html>

<head>
<meta http-equiv="Content-Language" content="en-us">
<meta name="GENERATOR" content="Microsoft FrontPage 6.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Banana Pudding</title>
<script language="JavaScript">
<!--
function FP_swapImg() {//v1.0
var doc=document,args=arguments,elm,n; doc.$imgSwaps=new Array(); for(n=2;
n<args.length;
n+=2) { elm=FP_getObjectByID(args[n]); if(elm) {
doc.$imgSwaps[doc.$imgSwaps.length]=elm;
elm.$src=elm.src; elm.src=args[n+1]; } }
}

function FP_preloadImgs() {//v1.0
var d=document,a=arguments; if(!d.FP_imgs) d.FP_imgs=new Array();
for(var i=0; i<a.length; i++) { d.FP_imgs=new Image;
d.FP_imgs.src=a; }
}

function FP_getObjectByID(id,o) {//v1.0
var c,el,els,f,m,n; if(!o)o=document; if(o.getElementById)
el=o.getElementById(id);
else if(o.layers) c=o.layers; else if(o.all) el=o.all[id]; if(el) return el;
if(o.id==id || o.name==id) return o; if(o.childNodes) c=o.childNodes; if(c)
for(n=0; n<c.length; n++) { el=FP_getObjectByID(id,c[n]); if(el) return el; }
f=o.forms; if(f) for(n=0; n<f.length; n++) { els=f[n].elements;
for(m=0; m<els.length; m++){ el=FP_getObjectByID(id,els[n]); if(el) return
el; } }
return null;
}
// -->
</script>
</head>

<body onload="FP_preloadImgs(/*url*/'buttonD.gif', /*url*/'buttonC.gif',
/*url*/'button1E.gif', /*url*/'button1F.gif', /*url*/'button21.gif',
/*url*/'button22.gif', /*url*/'buttonA.gif', /*url*/'button9.gif',
/*url*/'button12.gif', /*url*/'buttonA1.gif')">

<table border="1" cellpadding="0" cellspacing="0" width="1055" height="820"
bordercolorlight="#000080" bordercolordark="#000080">
<!-- MSTableType="layout" -->
<tr>
<td valign="top" background="foodanddrink.jpg">
<!-- MSCellType="DecArea" -->
<img border="0" src="spaceball.gif" width="1" height="1"><img border="0"
src="16517.jpg" width="182" height="182"></td>
<td valign="top" height="138" background="foodanddrink.jpg">
<!-- MSCellType="ContentHead" -->
</td>
</tr>
<tr>
<td valign="top" width="183" background="foodanddrink.jpg" rowspan="2">
<!-- MSCellType="NavBody" -->
<a href="index.htm">
<img border="0" id="img5" src="button20.gif" height="24" width="182"
alt="Home Page"
onmouseover="FP_swapImg(1,0,/*id*/'img5',/*url*/'button21.gif')"
onmouseout="FP_swapImg(0,0,/*id*/'img5',/*url*/'button20.gif')"
onmousedown="FP_swapImg(1,0,/*id*/'img5',/*url*/'button22.gif')"
onmouseup="FP_swapImg(0,0,/*id*/'img5',/*url*/'button21.gif')"
fp-style="fp-btn: Embossed Rectangle 1; fp-font: Arial Rounded MT Bold;
fp-font-size: 12; fp-font-color-normal: #000080; fp-transparent: 1;
fp-proportional: 0; fp-orig: 0" fp-title="Home Page"></a><a
href="recipes.htm"><img border="0" id="img2" src="button8.gif" height="24"
width="182" alt="Recipies"
onmouseover="FP_swapImg(1,0,/*id*/'img2',/*url*/'button9.gif')"
onmouseout="FP_swapImg(0,0,/*id*/'img2',/*url*/'button8.gif')"
onmousedown="FP_swapImg(1,0,/*id*/'img2',/*url*/'buttonA.gif')"
onmouseup="FP_swapImg(0,0,/*id*/'img2',/*url*/'button9.gif')"
fp-style="fp-btn: Embossed Rectangle 1; fp-font: Arial Rounded MT Bold;
fp-font-size: 12; fp-font-color-hover: #000080; fp-transparent: 1;
fp-proportional: 0; fp-orig: 0" fp-title="Recipies"></a><a
href="dedication.htm"><img border="0" id="img3" src="buttonB.gif" height="24"
width="182" alt="Dedication"
onmouseover="FP_swapImg(1,0,/*id*/'img3',/*url*/'buttonC.gif')"
onmouseout="FP_swapImg(0,0,/*id*/'img3',/*url*/'buttonB.gif')"
onmousedown="FP_swapImg(1,0,/*id*/'img3',/*url*/'buttonD.gif')"
onmouseup="FP_swapImg(0,0,/*id*/'img3',/*url*/'buttonC.gif')"
fp-style="fp-btn: Embossed Rectangle 1; fp-font: Arial Rounded MT Bold;
fp-font-size: 12; fp-font-color-normal: #000080; fp-font-color-press:
#000080; fp-transparent: 1; fp-proportional: 0; fp-orig: 0"
fp-title="Dedication"></a><a href="contactme.htm"><img border="0" id="img4"
src="button1D.gif" height="24" width="182" alt="Contact Me" fp-style="fp-btn:
Embossed Rectangle 1; fp-font: Arial Rounded MT Bold; fp-font-size: 12;
fp-font-color-normal: #000080; fp-font-color-press: #000080; fp-transparent:
1; fp-proportional: 0; fp-orig: 0" fp-title="Contact Me"
onmouseover="FP_swapImg(1,0,/*id*/'img4',/*url*/'button1E.gif')"
onmouseout="FP_swapImg(0,0,/*id*/'img4',/*url*/'button1D.gif')"
onmousedown="FP_swapImg(1,0,/*id*/'img4',/*url*/'button1F.gif')"
onmouseup="FP_swapImg(0,0,/*id*/'img4',/*url*/'button1E.gif')"></a></td>
<td valign="top" height="378">
<!-- MSCellType="ContentBody" -->
<p align="left"><font face="Arial Narrow" color="#000080"
size="4"> </font><font color="#000080" size="4" face="Cooper Black">
As this is the first page of the recipes, I apologize for having to change my
font. I only have done this because otherwise a script type of font can get
confusing, especially in a recipe.</font></p>
<p align="right"><font color="#000080" size="4" face="Cooper Black">
<a href="printbananapudding.htm">
<img border="0" id="img6" src="button13.gif" height="21" width="201"
alt="Printable Recipe Version" fp-style="fp-btn: Glass Rectangle 1; fp-font:
Arial Rounded MT Bold; fp-font-size: 12; fp-font-color-normal: #000080;
fp-font-color-press: #000080; fp-transparent: 1; fp-proportional: 0"
fp-title="Printable Recipe Version"
onmouseover="FP_swapImg(1,0,/*id*/'img6',/*url*/'button12.gif')"
onmouseout="FP_swapImg(0,0,/*id*/'img6',/*url*/'button13.gif')"
onmousedown="FP_swapImg(1,0,/*id*/'img6',/*url*/'buttonA1.gif')"
onmouseup="FP_swapImg(0,0,/*id*/'img6',/*url*/'button12.gif')"></a></font></p>
<p align="center"><font face="Cooper Black" size="4" color="#000080">
Banana Pudding</font></p>
<p align="left"><font face="Cooper Black" size="4" color="#000080">
Ingredients:</font></p>
<p align="left"> </p>
<p align="left"> </p>
<p align="left"> </p>
<p align="left"> </p>
<p align="left"><font face="Cooper Black" size="4" color="#000080">
Directions:</font></p>
<p align="center"> </p>
<p align="left"> </p></td>
</tr>
<tr>
<td valign="top" height="302" width="866" background="foodanddrink.jpg">
<!-- MSCellType="ContentBody" -->
<p> </p>
<p> </p>
<p align="center">
</td>
</tr>
</table>

</body>

</html>
<----------------------------------End of
Code--------------------------------->

If in my style i want the text to print in "Cooper Black" how do i tell the
code that? Also, if you o to my live site
"http://shirleysrecipies.eu.pn/bananapudding.htm" that page is what i am
trying to figure our all i want to print is the text in the white box minus
the button in the white box. If you could write the CSS code fro me that
would help SUBSTAINTILLY and just tell me what page i put the code on etc.
:

Josh,
I am not one of the those who responded to you originally, but my advice is
"Don't worry"

In my experience, if CSS is wrong, then it does nothing.

Two ways to set up the CSS code
1. In the <head> section add
<style type="text/css">
/* the styles go here */
</style>

2. If the code is in an external file (style.css), then in the <head>
section add
<link rel="stylesheet" type="text/css" href="style.css">

RE screen and print versions,
For screen, you don't need to do anything. (It is the default.)
For print versions, use
<link rel="stylesheet" type="text/css" media="print" href="print.css" />

In fact, you can use both
<link rel="stylesheet" type="text/css" href="style.css" />
<link rel="stylesheet" type="text/css" media="print" href="print.css" />

The CSS in print.css will add to that already in style.css, cascading as in
Cascading StyleSheet

--
Trevor Lawrence
Canberra
Web Site http://trevorl.mvps.org

Response to Murray and Ronx:

The reason i do not what to use CSS is well quite frankly, i do not have
much experience in CSS my background is in FrontPage and HTML. I have
looked
at the CSS Printer-Friendly Pages and i do not get the CSS script when it
talks about the screen and print versions in the CSS code. I also have
no
idea where and in what page tp ut the CSS code in the web site. I know
from
experience that if you corrupt your whole HTML code by just one character
the
whole site goes blank and that is why a CSS code worries me. Mu site as
well
does not have a set "navigation" or FrontPage template it uses interactive
buttons to accomplish a navigation etc.

:

For the printer, you create the page with a fixed, maximum width of
620px. For a page that is *only* for print, set the font sizes in pts.
For a page that is for the screen, do *not* use pts - different browsers
will use different sizes for pts, but all printers will treat pts the
same way.

The easiest way to do this is to use ONE page (no duplicates) and CSS to
mark the differences between the screen layout and print layout.
--
Ron Symonds - Microsoft MVP (Expression)
Reply only to group - emails will be deleted unread.

http://www.rxs-enterprises.org/fp





I want to create a white web page with black and white text on it for
my site
but i don't want to use CSS. I want to make my regular pages have a
duplicate
page for the printable version one for online cop and one that is just
for
printing purposes. But how do i set up a blank web page to only be as
big as
necessary to make the web page only about as big as the 8.5 inches x11
inches
paper it would be printed on? How do i do that? Thank you any help is
greatly
appreciated.
Click to expand...
Click to expand...
Click to expand...
 
M

Murray

8.5" page usually has .5" margins left/right = 7.5" printable area. Screens
are 96dpi (usually). So, 7.5 x 96 = 720px. You could go as much as
that....

--
Murray
MVP Expression Web


Ronx said:
800px is too wide for a Portrait Letter or A4 sheet. 620px is OK,
possibly 640px.

--
Ron Symonds - Microsoft MVP (Expression)
Reply only to group - emails will be deleted unread.

http://www.rxs-enterprises.org/fp




In your example, it's the printbananapudding.htm page that needs to be
formatted for printing. Don't do anything to the bananapudding.htm page.
In
printbananapudding.htm you can take out all scripts, navigation and
background pictures, place the recipe in a 800px table and that page is
printable.

<html>
<head>
<meta name="GENERATOR" content="Microsoft FrontPage 6.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html;
charset=windows-1252">
<title>Banana Pudding Printable</title>
</head>
<body>
<table border="1" cellpadding="0" cellspacing="0" width="800px"
bordercolorlight="#000080" bordercolordark="#000080">
<!-- MSTableType="layout" -->
<tr>
<td valign="top" height="378">
<!-- MSCellType="ContentBody" -->
<p align="center"><font face="Cooper Black" size="4" color="#000080">
Banana Pudding</font></p>
<p align="left"><font face="Cooper Black" size="4" color="#000080">
Ingredients:</font></p>
<p align="left"> </p>
<p align="left"> </p>
<p align="left"> </p>
<p align="left"> </p>
<p align="left"><font face="Cooper Black" size="4" color="#000080">
Directions:</font></p>
<p align="center"> </p>
<p align="left"> </p></td>
</tr>
</table>
</body>
</html>

Josh Davis said:
Thank you Trevor Lawrence,

here is my code for the first page that a printable page would be
necessary.
<---------------------------------Start of
Code--------------------------------->
<html>

<head>
<meta http-equiv="Content-Language" content="en-us">
<meta name="GENERATOR" content="Microsoft FrontPage 6.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html;
charset=windows-1252">
<title>Banana Pudding</title>
<script language="JavaScript">
<!--
function FP_swapImg() {//v1.0
var doc=document,args=arguments,elm,n; doc.$imgSwaps=new Array();
for(n=2;
n<args.length;
n+=2) { elm=FP_getObjectByID(args[n]); if(elm) {
doc.$imgSwaps[doc.$imgSwaps.length]=elm;
elm.$src=elm.src; elm.src=args[n+1]; } }
}

function FP_preloadImgs() {//v1.0
var d=document,a=arguments; if(!d.FP_imgs) d.FP_imgs=new Array();
for(var i=0; i<a.length; i++) { d.FP_imgs=new Image;
d.FP_imgs.src=a; }
}

function FP_getObjectByID(id,o) {//v1.0
var c,el,els,f,m,n; if(!o)o=document; if(o.getElementById)
el=o.getElementById(id);
else if(o.layers) c=o.layers; else if(o.all) el=o.all[id]; if(el)
return el;
if(o.id==id || o.name==id) return o; if(o.childNodes) c=o.childNodes;
if(c)
for(n=0; n<c.length; n++) { el=FP_getObjectByID(id,c[n]); if(el)
return el; }
f=o.forms; if(f) for(n=0; n<f.length; n++) { els=f[n].elements;
for(m=0; m<els.length; m++){ el=FP_getObjectByID(id,els[n]); if(el)
return
el; } }
return null;
}
// -->
</script>
</head>

<body onload="FP_preloadImgs(/*url*/'buttonD.gif',
/*url*/'buttonC.gif',
/*url*/'button1E.gif', /*url*/'button1F.gif', /*url*/'button21.gif',
/*url*/'button22.gif', /*url*/'buttonA.gif', /*url*/'button9.gif',
/*url*/'button12.gif', /*url*/'buttonA1.gif')">

<table border="1" cellpadding="0" cellspacing="0" width="1055"
height="820"
bordercolorlight="#000080" bordercolordark="#000080">
<!-- MSTableType="layout" -->
<tr>
<td valign="top" background="foodanddrink.jpg">
<!-- MSCellType="DecArea" -->
<img border="0" src="spaceball.gif" width="1" height="1"><img
border="0"
src="16517.jpg" width="182" height="182"></td>
<td valign="top" height="138" background="foodanddrink.jpg">
<!-- MSCellType="ContentHead" -->
</td>
</tr>
<tr>
<td valign="top" width="183" background="foodanddrink.jpg" rowspan="2">
<!-- MSCellType="NavBody" -->
<a href="index.htm">
<img border="0" id="img5" src="button20.gif" height="24" width="182"
alt="Home Page"
onmouseover="FP_swapImg(1,0,/*id*/'img5',/*url*/'button21.gif')"
onmouseout="FP_swapImg(0,0,/*id*/'img5',/*url*/'button20.gif')"
onmousedown="FP_swapImg(1,0,/*id*/'img5',/*url*/'button22.gif')"
onmouseup="FP_swapImg(0,0,/*id*/'img5',/*url*/'button21.gif')"
fp-style="fp-btn: Embossed Rectangle 1; fp-font: Arial Rounded MT Bold;
fp-font-size: 12; fp-font-color-normal: #000080; fp-transparent: 1;
fp-proportional: 0; fp-orig: 0" fp-title="Home Page"></a><a
href="recipes.htm"><img border="0" id="img2" src="button8.gif"
height="24"
width="182" alt="Recipies"
onmouseover="FP_swapImg(1,0,/*id*/'img2',/*url*/'button9.gif')"
onmouseout="FP_swapImg(0,0,/*id*/'img2',/*url*/'button8.gif')"
onmousedown="FP_swapImg(1,0,/*id*/'img2',/*url*/'buttonA.gif')"
onmouseup="FP_swapImg(0,0,/*id*/'img2',/*url*/'button9.gif')"
fp-style="fp-btn: Embossed Rectangle 1; fp-font: Arial Rounded MT Bold;
fp-font-size: 12; fp-font-color-hover: #000080; fp-transparent: 1;
fp-proportional: 0; fp-orig: 0" fp-title="Recipies"></a><a
href="dedication.htm"><img border="0" id="img3" src="buttonB.gif"
height="24"
width="182" alt="Dedication"
onmouseover="FP_swapImg(1,0,/*id*/'img3',/*url*/'buttonC.gif')"
onmouseout="FP_swapImg(0,0,/*id*/'img3',/*url*/'buttonB.gif')"
onmousedown="FP_swapImg(1,0,/*id*/'img3',/*url*/'buttonD.gif')"
onmouseup="FP_swapImg(0,0,/*id*/'img3',/*url*/'buttonC.gif')"
fp-style="fp-btn: Embossed Rectangle 1; fp-font: Arial Rounded MT Bold;
fp-font-size: 12; fp-font-color-normal: #000080; fp-font-color-press:
#000080; fp-transparent: 1; fp-proportional: 0; fp-orig: 0"
fp-title="Dedication"></a><a href="contactme.htm"><img border="0"
id="img4"
src="button1D.gif" height="24" width="182" alt="Contact Me"
fp-style="fp-btn:
Embossed Rectangle 1; fp-font: Arial Rounded MT Bold; fp-font-size: 12;
fp-font-color-normal: #000080; fp-font-color-press: #000080;
fp-transparent:
1; fp-proportional: 0; fp-orig: 0" fp-title="Contact Me"
onmouseover="FP_swapImg(1,0,/*id*/'img4',/*url*/'button1E.gif')"
onmouseout="FP_swapImg(0,0,/*id*/'img4',/*url*/'button1D.gif')"
onmousedown="FP_swapImg(1,0,/*id*/'img4',/*url*/'button1F.gif')"
onmouseup="FP_swapImg(0,0,/*id*/'img4',/*url*/'button1E.gif')"></a></td>
<td valign="top" height="378">
<!-- MSCellType="ContentBody" -->
<p align="left"><font face="Arial Narrow" color="#000080"
size="4"> </font><font color="#000080" size="4" face="Cooper Black">
As this is the first page of the recipes, I apologize for having to
change my
font. I only have done this because otherwise a script type of font can
get
confusing, especially in a recipe.</font></p>
<p align="right"><font color="#000080" size="4" face="Cooper Black">
<a href="printbananapudding.htm">
<img border="0" id="img6" src="button13.gif" height="21" width="201"
alt="Printable Recipe Version" fp-style="fp-btn: Glass Rectangle 1;
fp-font:
Arial Rounded MT Bold; fp-font-size: 12; fp-font-color-normal: #000080;
fp-font-color-press: #000080; fp-transparent: 1; fp-proportional: 0"
fp-title="Printable Recipe Version"
onmouseover="FP_swapImg(1,0,/*id*/'img6',/*url*/'button12.gif')"
onmouseout="FP_swapImg(0,0,/*id*/'img6',/*url*/'button13.gif')"
onmousedown="FP_swapImg(1,0,/*id*/'img6',/*url*/'buttonA1.gif')"
onmouseup="FP_swapImg(0,0,/*id*/'img6',/*url*/'button12.gif')"></a></font></p>
<p align="center"><font face="Cooper Black" size="4" color="#000080">
Banana Pudding</font></p>
<p align="left"><font face="Cooper Black" size="4" color="#000080">
Ingredients:</font></p>
<p align="left"> </p>
<p align="left"> </p>
<p align="left"> </p>
<p align="left"> </p>
<p align="left"><font face="Cooper Black" size="4" color="#000080">
Directions:</font></p>
<p align="center"> </p>
<p align="left"> </p></td>
</tr>
<tr>
<td valign="top" height="302" width="866"
background="foodanddrink.jpg">
<!-- MSCellType="ContentBody" -->
<p> </p>
<p> </p>
<p align="center">
</td>
</tr>
</table>

</body>

</html>
<----------------------------------End of
Code--------------------------------->

If in my style i want the text to print in "Cooper Black" how do i tell
the
code that? Also, if you o to my live site
"http://shirleysrecipies.eu.pn/bananapudding.htm" that page is what i
am
trying to figure our all i want to print is the text in the white box
minus
the button in the white box. If you could write the CSS code fro me
that
would help SUBSTAINTILLY and just tell me what page i put the code on
etc.
:

Josh,
I am not one of the those who responded to you originally, but my
advice is
"Don't worry"

In my experience, if CSS is wrong, then it does nothing.

Two ways to set up the CSS code
1. In the <head> section add
<style type="text/css">
/* the styles go here */
</style>

2. If the code is in an external file (style.css), then in the <head>
section add
<link rel="stylesheet" type="text/css" href="style.css">

RE screen and print versions,
For screen, you don't need to do anything. (It is the default.)
For print versions, use
<link rel="stylesheet" type="text/css" media="print"
href="print.css" />

In fact, you can use both
<link rel="stylesheet" type="text/css" href="style.css" />
<link rel="stylesheet" type="text/css" media="print"
href="print.css" />

The CSS in print.css will add to that already in style.css, cascading
as in
Cascading StyleSheet

--
Trevor Lawrence
Canberra
Web Site http://trevorl.mvps.org

Response to Murray and Ronx:

The reason i do not what to use CSS is well quite frankly, i do not
have
much experience in CSS my background is in FrontPage and HTML. I
have
looked
at the CSS Printer-Friendly Pages and i do not get the CSS script
when it
talks about the screen and print versions in the CSS code. I also
have
no
idea where and in what page tp ut the CSS code in the web site. I
know
from
experience that if you corrupt your whole HTML code by just one
character
the
whole site goes blank and that is why a CSS code worries me. Mu
site as
well
does not have a set "navigation" or FrontPage template it uses
interactive
buttons to accomplish a navigation etc.

:

For the printer, you create the page with a fixed, maximum width
of
620px. For a page that is *only* for print, set the font sizes in
pts.
For a page that is for the screen, do *not* use pts - different
browsers
will use different sizes for pts, but all printers will treat pts
the
same way.

The easiest way to do this is to use ONE page (no duplicates) and
CSS to
mark the differences between the screen layout and print layout.
--
Ron Symonds - Microsoft MVP (Expression)
Reply only to group - emails will be deleted unread.

http://www.rxs-enterprises.org/fp




message

I want to create a white web page with black and white text on
it for
my site
but i don't want to use CSS. I want to make my regular pages
have a
duplicate
page for the printable version one for online cop and one that
is just
for
printing purposes. But how do i set up a blank web page to only
be as
big as
necessary to make the web page only about as big as the 8.5
inches x11
inches
paper it would be printed on? How do i do that? Thank you any
help is
greatly
appreciated.
Click to expand...
Click to expand...
Click to expand...
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Similar Threads

Printable Pages without Banners 8
Printable Version 4
How do you size a web page/table so that it will print? 1
Ronx Question #2 3
Limit displayed widrh of MHTML page to 8.5 inches. 1
printer friendly icon 2
web site creation from scratch or using templates? 10
Printable Web Pages 1

Top