Team:Cambridge/Templates/headerMinimalprototype

From 2010.igem.org

(Difference between revisions)
(Undo revision 23488 by Theos (Talk))
Line 1: Line 1:
-
<html>
+
<html lang="en">  
-
<head>
+
<head>  
-
<style type="text/css">
+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
-
body {font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;" }
+
<title>Simple 2 column CSS layout, final layout | 456 Berea Street</title>
-
h1.firstHeading {
+
<meta name="description" content="How to create a simple two column CSS layout with full width header and footer.">
-
display: none;
+
<meta name="copyright" content="Copyright (c) 2004 Roger Johansson">
-
}
+
<meta name="author" content="Roger Johansson">
-
p#linkbar a{color:white;}
+
<style type="text/css" media="screen, print, projection">  
-
p#linkbar a:link{color:white;}
+
 
-
p#linkbar{color:white;}
+
#bodyContent{position:relative; width:970px;
-
div#bodycontent{  font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;" }
+
font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;"
-
h1, h2{color:#121656; border:0; font-weight:bold; font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;}
+
 
-
h1{margin-top:10px;}
+
}
-
h2{margin-top:5px;}
+
#wrap {
-
</style>
+
 
-
</head>
+
 
-
<body>
+
width:965px;
-
<img align="center" style="margin-bottom:0px; padding:0" src="https://static.igem.org/mediawiki/2010/4/4d/CambridgeTheoLogo.jpg">
+
-
<p id="linkbar" style="background:#121656; color:white; padding:5px; margin-top:0px;"><a href="/Team:Cambridge" title="Team:Cambridge" style="color:white"> Home</a> |<a href="/Team:Cambridge/Logistics" title="Team:Cambridge/Logistics"  style="color:white"> Logistics</a> | <a href="/Team:Cambridge/TheTeam" title="Team:Cambridge/Notebook/Week1"  style="color:white">The Team</a>| <a href="/Team:Cambridge/Notebook/Week1" title="Team:Cambridge/Notebook/Week1"  style="color:white"> Notebook</a> | <a href="/Team:Cambridge/Description" title="Team:Cambridge/Description"  style="color:white"> Description</a>  
+
background:#e5fcc2;
-
</p>  
+
}
-
</body>
+
#header {
-
<html>
+
background:#ddd;
 +
}
 +
 +
 +
#left {
 +
float:left;
 +
width:222px;
 +
padding:10px;
 +
background:#e5fcc2;
 +
}
 +
h2 {
 +
margin:0 0 1em;
 +
}
 +
#right{
 +
float:right;
 +
width:700px;
 +
padding:10px;
 +
background:white;
 +
}
 +
#camfooter {
 +
clear:both;
 +
padding:5px 10px;
 +
background:#cc9;
 +
}
 +
#camfooter p {
 +
margin:0;
 +
    }
 +
* html #camfooter {
 +
height:1px;
 +
}
 +
</style>  
 +
</head>  
 +
<body>  
 +
<div id="wrap">
 +
<div id="header"><img align="center" style="margin-bottom:0px; padding:0" src="https://static.igem.org/mediawiki/2010/4/4d/CambridgeTheoLogo.jpg"> </div>  
 +
 +
<div id="left">
 +
 +
<ul>
 +
<li><a href="/Team:Cambridge" title="Team:Cambridge"> Home</a> </li>
 +
<li><a href="/Team:Cambridge/Logistics" title="Team:Cambridge/Logistics"> Logistics</a></li>
 +
<li><a href="/Team:Cambridge/TheTeam" title="Team:Cambridge/Notebook/Week1">The Team</a></li>
 +
<li><a href="/Team:Cambridge/Notebook/Week1" title="Team:Cambridge/Notebook/Week1"> Notebook</a></li>
 +
<li><a href="/Team:Cambridge/Description" title="Team:Cambridge/Description"> Description</a> </li>
 +
</ul>
 +
 
 +
</p>
 +
</div>  
 +
<div id="right">

Revision as of 21:15, 15 July 2010

Simple 2 column CSS layout, final layout | 456 Berea Street