I think I've worked out most of the problems with my code. I think the easiest way for me to make the lesson plans printable is just to disable all styles. I've looked around and cannot find exactly disabling all styles for print.
Also I only have access to Safari and Firefox here. Can someone tell me what it looks like in IE, older versions not needed? I just wanted to create a simple lesson plan template that looks good on a site but prints well for teacher records.
Also I only have access to Safari and Firefox here. Can someone tell me what it looks like in IE, older versions not needed? I just wanted to create a simple lesson plan template that looks good on a site but prints well for teacher records.
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[URL unfurl="true"]http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">[/URL]
<html xmlns="[URL unfurl="true"]http://www.w3.org/1999/xhtml">[/URL]
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>Your Name and Lesson Plans</title>
<style type="text/css">
body
{
background-color:#CCCCCC;
margin:0px;
padding:0px;
text-align:center;
font-size:16px;
font:Trebuchet MS, Arial, Helvetica, sans-serif;
}
h1
{
padding-bottom:0px;
margin-bottom:0px;
margin-left:10px;
}
h2
{
padding-top:0px;
padding-bottom:0px;
margin:0px 0px 0px 22px;
}
img
{
float:right;
padding:10px;
}
ul
{
padding-top:0px;
margin-top:0px;
}
div#container
{
width: 905px;
text-align:left;
margin:10px;
padding:20px;
border:1px solid black;
}
div#header
{
width: 900px;
border:2px dashed black;
background-color:#FFFF00;
}
.content
{
float:left;
width: 451px;
height: 200px;
background-color:#FFFF66;
border-right: 1px solid #FFFF66;
}
div#content6
{
width: 900px;
border:2px dashed black;
clear:both;
background-color:#FFFF00;
}
</style>
</head>
<body>
<div id="container">
<div id="header">
<img src="images/brlogo06.jpg" width="139" height="127" />
<h1>Lesson Plans</h1>
<ul>
<li>Mr. Peery</li>
<li>Tech Lab / Computer Science </li>
<li>Hill Freedman Middle School</li>
<li>Weeks of 10/30/2006 and 11/6/2006</li>
</ul>
</div>
<div class="content">
<h1>Objectives</h1>
<ul>
<li>Students will </li>
<li>Students will</li>
<li>Students will</li>
</ul>
</div>
<div class="content">
<h1>Areas of Interaction</h1>
<ul>
<li>Approaches to Learning</li>
</ul>
</div>
<div class="content">
<h1>Essential Questions</h1>
<ul>
<li>EQ #1</li>
</ul>
</div>
<div class="content">
<h1>Everyday Materials</h1>
<ul>
<li>paper and pencils</li>
<li>textbooks</li>
</ul>
</div>
<div id="content6">
<h1>Learning Activities</h1>
<h2>Monday</h2>
<ul>
<li>activity 1</li>
<li>activity 2</li>
<li>Homework</li>
</ul>
<h2>Tuesday</h2>
<ul>
<li>activity 1</li>
<li>activity 2</li>
<li>Homework</li>
</ul>
<h2>Wednesday</h2>
<ul>
<li>activity 1</li>
<li>activity 2</li>
<li>Homework</li>
</ul>
<h2>Thursday</h2>
<ul>
<li>activity 1</li>
<li>activity 2</li>
<li>Homework</li>
</ul>
<h2>Friday</h2>
<ul>
<li>activity 1</li>
<li>activity 2</li>
<li>Homework</li>
</ul>
<h2>Monday</h2>
<ul>
<li>activity 1</li>
<li>activity 2</li>
<li>Homework</li>
</ul>
<h2>Tuesday</h2>
<ul>
<li>activity 1</li>
<li>activity 2</li>
<li>Homework</li>
</ul>
<h2>Wednesday</h2>
<ul>
<li>activity 1</li>
<li>activity 2</li>
<li>Homework</li>
</ul>
<h2>Thursday</h2>
<ul>
<li>activity 1</li>
<li>activity 2</li>
<li>Homework</li>
</ul>
<h2>Friday</h2>
<ul>
<li>activity 1</li>
<li>activity 2</li>
<li>Homework</li>
</ul>
<h1>Assessments</h1>
<ul>
<li>Assessment 1 and date</li>
<li>Assessment 2 and date</li>
</ul>
</div>
</div>
</body>
</html>