Skip to content

Instantly share code, notes, and snippets.

@marcoceppi
Forked from anonymous/gist:851731
Created March 2, 2011 20:58
Show Gist options
  • Save marcoceppi/851733 to your computer and use it in GitHub Desktop.
Save marcoceppi/851733 to your computer and use it in GitHub Desktop.
<!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=utf-8" />
<title>George Washington Leadership Lessons</title>
<style type="text/css">
body {
font: 100% LucidaSans, Verdana, Arial, Helvetica, sans-serif;
background-image: url(bg.jpg);
background-color: #444444;
margin: 0;
padding: 0;
text-align: center;
color: #000000;
}
#container {
width: 960px;
margin: 0 auto;
text-align: left;
}
#header {
padding: 0px 0px 0px 0px;
background-image:url(header.jpg);
background-repeat: no-repeat;
height: 352px;
}
#mainContent {
padding: 0 20px;
background: #e5d7b2;
background-image:url(contenttop.jpg);
background-repeat: no-repeat;
}
#footer {
padding: 0 10px;
}
<--! here it is !-->
#navigation li
{
height: 30px;
z-index: 1;
float: left;
margin-left: 0px;
}
#navigation li a
{
position: relative;
display: block;
width: 145px;
height: 22px;
color: #fff;
float: left;
z-index: 2;
padding: 8px 12px 0px 18px;
font-size: 13px;
text-decoration: none;
margin-left: 0px;
}
#navigation li a:hover
{
color: #6f1d01;
background: #698d9a;
text-decoration: none;
}
#navigation li#active a
{
color: #6f1d01;
background: #698d9a;
}
ul
{
list-style:none;
margin-left: 0px;
}
</style>
</head>
<body>
<div id="container">
<div id="header">
<div id="navigation" style="width:200px">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Garbage</a></li>
<li><a href="#">Garbage</a></li>
<li><a href="#">Garbage</a></li>
<li><a href="#">Garbage</a></li>
</ul>
</div>
</div>
<div id="mainContent">
<br />
<h4 align="center"><em>WELCOME TO THE ONLINE COMPANION FOR GEORGE WASHINGTON: LESSONS IN LEADERSHIP</em></h4>
<br />
<br />
</div>
<div id="footer">
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment