Team:Calgary/Sandbox

From 2010.igem.org

(Difference between revisions)
Line 1: Line 1:
<html>
<html>
-
 
+
<head>
-
<head>
+
<script type="text/javascript">
-
 
+
-
<script type="text/javascript">
+
// Copyright 2006-2007 javascript-array.com
// Copyright 2006-2007 javascript-array.com
Line 50: Line 48:
document.onclick = mclose;  
document.onclick = mclose;  
-
</script>
+
</script>
-
<body>
+
-
<style type="text/css">
+
<style>
-
#headerimage{
+
div.bannerImage{
-
position: absolute;
+
width: 975px;
-
top: 0px;
+
height: 275px;
-
left: 6px;
+
position: absolute;
-
width: 960px;
+
top: 0px;
-
}
+
left: 0px;
 +
border: 1px solid red;
 +
}
-
#nav {
+
div.menuBar{
-
margin: 0;
+
margin-top: 160px;
-
padding: 0;
+
margin-left: -6px;
-
z-index: 30;
+
width: 975px;
-
position: relative;
+
height: 20px;
-
top: 168px;
+
border: 1px solid blue;
-
left: 5px;
+
}
-
}
+
-
#nav li {
 
-
margin: 0;
 
-
padding: 0;
 
-
list-style: none;
 
-
float: left;
 
-
font: bold 11px arial;
 
-
}
 
-
#nav li a {
+
#nav {
 +
margin: 0;
 +
padding: 0;
 +
z-index: 30;
 +
position: relative;
 +
top: 170px;
 +
left: 5px;
 +
}
 +
 
 +
#nav li {
 +
margin: 0;
 +
padding: 0;
 +
list-style: none;
 +
float: left;
 +
font: bold 11px arial;
 +
}
 +
 
 +
#nav li a {
 +
display: block;
 +
margin: 0 1px 0 0;
 +
padding: 4px 10px;
 +
width: 85px;
 +
background: #1A1A1A;
 +
color: #FFF;
 +
text-align: center;
 +
text-decoration: none;
 +
}
 +
 
 +
#nav li a:hover {
 +
background: #FFFFFF;
 +
color: #000;
 +
}
 +
 
 +
#nav div {
 +
position: absolute;
 +
visibility: hidden;
 +
margin: 0;
 +
padding: 0;
 +
background: #1A1A1A;
 +
}
 +
#nav div a {
 +
position: relative;
display: block;
display: block;
-
margin: 0 1px 0 0;
+
margin: 0;
-
padding: 0px 10px;
+
padding: 5px 10px;
-
padding-bottom: 13px;
+
width: 150px;
-
                                padding-top: 2px;
+
white-space: nowrap;
-
width: 85px;
+
text-align: left;
-
background: #1A1A1A;
+
-
color: #FFF;
+
-
text-align: center;
+
text-decoration: none;
text-decoration: none;
 +
background: #1A1A1A;
 +
color: #FFFFFF;
 +
font: 11px arial;
}
}
-
#nav li a:hover {
+
#nav div a:hover {
-
background: #FFFFFF;
+
background: #FFFFF;
color: #000;
color: #000;
}
}
-
#nav div {
+
</style>
-
position: absolute;
+
</head>
-
visibility: hidden;
+
-
margin: 0;
+
-
padding: 0;
+
-
background: #1A1A1A;
+
-
}
+
-
#nav div a {
+
-
position: relative;
+
-
display: block;
+
-
margin: 0;
+
-
padding: 5px 10px;
+
-
width: 150px;
+
-
white-space: nowrap;
+
-
text-align: left;
+
-
text-decoration: none;
+
-
background: #1A1A1A;
+
-
color: #FFFFFF;
+
-
font: 11px arial;
+
-
}
+
-
#nav div a:hover {
 
-
background: #FFFFF;
 
-
color: #000;
 
-
}
 
-
</style>
+
<body>
-
 
+
<div class="bannerImage">
-
<img id="headerimage" src="http://i242.photobucket.com/albums/ff10/somerndmguy/CalgarySkyline11.png"></img>
+
<img src="http://i242.photobucket.com/albums/ff10/somerndmguy/CalgarySkyline11.png" title="University of Calgary iGEM Team 2010" a href="https://2010.igem.org/Team:Calgary">
 +
</img>
 +
</div>
 +
<div class="menuBar">
<ul id="nav">
<ul id="nav">
<li>
<li>
-
<a href="#"
+
<a href="https://2010.igem.org/Team:Calgary"
onmouseover="mopen('m1')"
onmouseover="mopen('m1')"
onmouseout="mclosetime()">
onmouseout="mclosetime()">
Home</a>
Home</a>
-
<div id="m1"
 
-
onmouseover="mcancelclosetime()"
 
-
onmouseout="mclosetime()">
 
-
<a href="#">News</a>
 
-
</div>
 
</li>
</li>
Line 230: Line 238:
<li><a href="#">Contact Us</a></li>
<li><a href="#">Contact Us</a></li>
</ul>
</ul>
-
 
+
</div>
-
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
+
-
 
+
</body>
-
 
+
-
</body>
+
-
 
+
-
 
+
</html>
</html>

Revision as of 21:28, 4 August 2010