Here is my template.. Now I wonder if I should go back through and change all the capitalization and tags to the old system or leave what I have in preparation for moving to the new?
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head><meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>
Crooked Creek Ranch & Cattle Company
</title>
<style type="text/css">
/* the bit that does the work */
body {
margin:0;
border:0;
padding:0;
height:100%;
max-height:100%;
background:#fff;
font-family:arial, verdana, sans-serif;
font-size:76%;
overflow: hidden;
}
/* for internet explorer */
* html body {
padding:150px 0 0px 0;
}
#container {
font-family:"times new roman", serif;
font-size: 1.2em;
position:fixed;
top:150px;
left:0;
bottom:0;
right:0;
overflow:auto;
background: url(
http://www.crookedcreekrcc.com/Graphics/paperbac.gif) }
{padding: 20px;
text-align:center;
}
* html #container {
height:100%;
width:100%;
}
#header {
position:absolute;
top:0;
left:0;
width:100%;
height:150px;
bottom:10;
overflow:auto;
background: url(
http://www.crookedcreekrcc.com/Graphics/paperbac.gif) repeat;
border-bottom 50px solid #73a2bd;
}
* html #header {height:150px;}
h1 {font-size:4em; margin:0; padding:0;}
#header img {
margin:20px 12px 0 10px;
}
#container img {margin:5px;}
#absolute {
position:absolute;
top:400px;
right:100px;
width:200px;
background:#ddd;
padding:10px;
border:1px solid #000;
}
a, a:visited {
font-size:1.1em;
text-decoration:none;
color:#000000;
}
a:hover {
color:maroon;
text-decoration:none;
}
.grey {color:#888;}
.ltgrey {color:#ddd;}
img#mascot {float:right;}
#header ul {
clear:both;
text-align:center;
border-top:0px solid #73a2bd;
border-bottom:5px
}
#header ul {
margin:0;
padding:0;
list-style-type:none;
background: url(
http://www.crookedcreekrcc.com/Graphics/paperbac.gif);
height:3em;
}
#header ul li {
display:inline;
color:#73a2bd;
</style>
</head>
<body bgcolor="#C0C0C0" text="#000000" alink="#336633" vlink="#990000" link="#0000FF" background="graphics/paperbac.gif">
<div id="container">
<center><P ALIGN=CENTER>Whitesburg, TN.
37891<BR><B>(423)581-1792</B><BR><A HREF="mailto:%20crookedcreek@wildblue.net">crookedcreek@wildblue.net</A></P><br>
<b>TYPE TEXT HERE.... TYPE TEXT HERE.... TYPE TEXT HERE....</b>
</div>
<div id="header">
<ul>
<li><FONT FACE="Sneakerhead BTN Shadow" SIZE="5"><FONT COLOR="BLACK"><b>Crooked Creek Ranch & Cattle Company</b></FONT></font><br>
<FONT FACE="AMIENNE" SIZE="4"><FONT COLOR="MAROON"><b>Proud Members of ApHC, APHA, AQHA and TWHBEA</b></FONT></FONT><br>
<img src="Graphics/blkfade.gif" width="550" height="5" border="0" alt="lines"><br></li>
<li><a href="http://crookedcreekrcc.com/index.html" target="_self" title="HOME"><FONT FACE="AMIENNE" SIZE="4"><b>Home</b></FONT></a> | </li>
<li><a href="http://crookedcreekrcc.com/sales.html" target="_self" title="SALES"> <FONT FACE="AMIENNE" SIZE="4"><b>Sales</b></FONT></a> | </li>
<li><a href="http://crookedcreekrcc.com/trade.html" target="_self" title="SELL OR TRADE"><FONT FACE="AMIENNE" SIZE="4"><b>Trade</b></FONT></a> | </li>
<li><a href="http://crookedcreekrcc.com/appys.html" target="_self" title="OUR APPALOOSAS"><FONT FACE="AMIENNE" SIZE="4"><b>Our Appaloosas</b></FONT></a> | </li>
<li><a href="http://crookedcreekrcc.com/mschorses.html" target="_self" title="OTHER EQUINES"><FONT FACE="AMIENNE" SIZE="4"><b>Other Equines</b></FONT></a></a> | </li>
<li><a href="http://crookedcreekrcc.com/critters.html" target="_self" title="FARM CRITTERS"><FONT FACE="AMIENNE" SIZE="4"><b>Critters</b></FONT></a> | </li>
<li><a href="http://crookedcreekrcc.com/trails.html" target="_self" title="TRAIL RIDES"><FONT FACE="AMIENNE" SIZE="4"><b>Trail Rides</b></FONT></a> | </li>
<li><FONT FACE="AMIENNE" SIZE="4"><a href="mailto:gypsees@wildblue.net" target="_self" title="CONTACT US"><b>Contact Us</b></a></FONT></a></li><br>
<li><center><FONT FACE="AMIENNE" ><FONT SIZE="6" ><FONT COLOR="#993300" ><B>Welcome to Crooked Creek</FONT></FONT><br>
</ul></div>
</body>
</html>
