English 630ML
To use this template, copy the code below, paste it into your text editor, and save it as a new web page. For editing, follow the instructions given in the comments.
<!--
This is a blank template. In order to preserve
the layout of the page you must not
modify any of the codes, except where indicated
by these comments. Scroll down and
look for these commented sections for further
instructions. The first editable
section is labelled EDIT SECTION 1.
-->
<!--DO NOT EDIT THIS SECTION OR ADD ANYTHING
ABOVE IT. SCROLL DOWN TO EDIT SECTION 1 -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML
1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1" />
<link href="630style.css" rel="stylesheet" type="text/css" />
<script language="JavaScript" type="text/javascript" >
var ddequalcolumns=new Object()
ddequalcolumns.columnswatch=["leftcolumn", "rightcolumn", "contentcolumn"]
ddequalcolumns.setHeights=function(reset){
var tallest=0
var resetit=(typeof reset=="string")?
true : false
for (var i=0; i<this.columnswatch.length;
i++){
if (document.getElementById(this.columnswatch[i])!=null){
if (resetit)
document.getElementById(this.columnswatch[i]).style.height="auto"
if (document.getElementById(this.columnswatch[i]).offsetHeight>tallest)
tallest=document.getElementById(this.columnswatch[i]).offsetHeight
}
}
if (tallest>0){
for (var i=0; i<this.columnswatch.length;
i++){
if (document.getElementById(this.columnswatch[i])!=null)
document.getElementById(this.columnswatch[i]).style.height=tallest+"px"
}
}
}
ddequalcolumns.resetHeights=function(){
this.setHeights("reset")
}
ddequalcolumns.dotask=function(target, functionref,
tasktype){
var tasktype=(window.addEventListener)? tasktype
: "on"+tasktype
if (target.addEventListener)
target.addEventListener(tasktype, functionref,
false)
else if (target.attachEvent)
target.attachEvent(tasktype, functionref)
}
ddequalcolumns.dotask(window, function(){ddequalcolumns.setHeights()}, "load")
ddequalcolumns.dotask(window, function(){if (typeof
ddequalcolumns.timer!="undefined")
clearTimeout(ddequalcolumns.timer); ddequalcolumns.timer=setTimeout("ddequalcolumns.resetHeights()",
200)}, "resize")</script>
<style type="text/css">
body{
margin:0;
padding:0;
line-height: 1.5em;
font-family:Arial, Helvetica, sans-serif;
font-size: 10pt;
background-color: #CCCCCC;
border: 1px solid #000000;
}
#topper{
clear: left;
width: 100%;
background: black;
color: #FFF;
padding: 4px 0;
}
#topper a{
color: #FFFF80;
margin-left: 5px;
}
#topsection{
background: #EAEAEA;
height: 60px; /*Height of top section*/
background-color: #CCCCCC;
color: #660033;
}
#topsection h2{
margin: 5px;
padding-top: 15px;
}
#contentwrapper{
float: left;
width: 100%;
}
#contentcolumn{
margin-left: 100px; /*Set left margin to LeftColumnWidth*/
border-left: 1px solid #000000;
border-top: 1px solid #000000;
background-color: #FFFFFF;
padding-top:5px;
}
#leftcolumn{
float: left;
width: 100px; /*Width of left column*/
margin-left: -100%;
background-color: #CCCCCC;
}
#leftcolumn ul{
margin: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 10px;
}
#leftcolumn li{
font-size: 9pt;
list-style-type:none;
}
#footer{
clear: left;
width: 100%;
background: black;
color: #FFF;
text-align: center;
padding: 4px 0;
}
#footer a{
color: #FFFF80;
text-align: center;}
.innertube{
margin: 10px; /*Margins for inner DIV inside
each column (to provide padding)*/
margin-top: 0;
}
a:link {
text-decoration: none;
color:#660033;
}
a:visited {
text-decoration: none;
color:#660033;
}
a:hover {
text-decoration: underline;
color:#660033;
}
a:active {
text-decoration: underline;
color:#660033;
}
.syllabustable {
width: 100%;
border: 1px solid #000000;
padding:0;
}
.syllabustable td {
border: 1px solid #000000;
}
.tableleftcol {
border-right: 1px solid #000000;
}
</style>
<!-- END OF NO EDIT SECTION -->
<!-- EDIT SECTION 1 - PAGE TITLE -->
<!-- Enter your Page Title between the <title> codes
in the next line.
This is the text you want to appear at the top
of your browser window. -->
<title>English 630ML: The Technology of
Textuality</title>
<!-- END OF EDIT SECTION 1 -->
<!-- DO NOT EDIT THIS SECTION. SCROLL DOWN
TO EDIT SECTION 2 -->
</head>
<body>
<a name="top" id="top"></a><div
id="maincontainer">
<div id="topper">
<!-- END OF NO EDIT SECTION -->
<!-- EDIT SECTION 2 - HEADER LINK -->
<!-- The link in the header is pre-set to
link to my home page. If you wish to
set it to another page, edit the link below.
-->
<a href="http://www.csun.edu/~sk36711/WWW/index.html">Kleinman
Home Page</a>
<!-- END OF EDIT SECTION 2 -->
<!-- DO NOT EDIT THIS SECTION. SCROLL DOWN
TO EDIT SECTION 3 -->
</div>
<div id="topsection"><div
class="innertube">
<!-- END OF NO EDIT SECTION -->
<!-- EDIT SECTION 3 - BANNER TITLE -->
<!-- To change the text of the banner title,
edit the text between the <h2> tages below.
-->
<h2 align="center">English 630ML</h2>
<!-- END OF EDIT SECTION 3 -->
<!-- DO NOT EDIT THIS SECTION. SCROLL DOWN
TO EDIT SECTION 4 -->
</div>
</div>
<div id="contentwrapper">
<div id="contentcolumn">
<div class="innertube">
<!-- END OF NO EDIT SECTION -->
<!-- EDIT SECTION 4 - MAIN CONTENT -->
<!-- Enter the content of your web page between
the <div class="innertube">
and the first </div> tag. -->
<p>Enter your text here.</p>
<!-- END OF EDIT SECTION 4 -->
<!-- DO NOT EDIT THIS SECTION. SCROLL DOWN
TO EDIT SECTION 5 -->
</div>
</div>
</div>
<div id="leftcolumn">
<ul>
<!-- END OF NO EDIT SECTION -->
<!-- EDIT SECTION 5 - LEFT NAVIGATION BAR-->
<!-- If you wish to add links to the navigation
bar on the left, add them here.
The column is formatted as a list (<ul>).
Add new links by placing the link codes
between the tags <li> and </li>,
as shown. -->
<li><a href="http://www.csun.edu/~sk36711/WWW/630ML/index.html">Home
Page</a></li>
<li><a href="http://www.csun.edu/~sk36711/WWW/630ML/syllabus.html">Syllabus</a></li>
<li><a href="http://www.csun.edu/~sk36711/WWW/630ML/readings.html">Readings</a></li>
<li><a href="http://www.csun.edu/~sk36711/WWW/630ML/assignments.html">Assignments</a></li>
<li><a href="http://www.csun.edu/~sk36711/WWW/630ML/resources.html">Resources</a></li>
<!-- END OF EDIT SECTION 5 -->
<!-- DO NOT EDIT THIS SECTION. SCROLL DOWN
TO EDIT SECTION 6 -->
</ul>
</div>
<div id="footer">
<!-- END OF NO EDIT SECTION -->
<!-- EDIT SECTION 6 - FOOTER -->
<!-- A Return to Top link in the footer is
a nice feature.
However, you may replace it with whatever you
like. Just change
the text of the link below. -->
<a href="#top">Return to Top</a></div>
<!-- END OF EDIT SECTION 6 -->
<!-- DO NOT EDIT the tags below. -->
</div>
</body>
</html>
<!-- END OF DOCUMENT. DO NOT ADD ANYTHING
BELOW THIS. -->