Team:Calgary/Sandbox
From 2010.igem.org
(Difference between revisions)
Line 1: | Line 1: | ||
<html> | <html> | ||
- | + | <head> | |
- | + | <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> | |
- | + | ||
- | + | <style> | |
- | + | div.bannerImage{ | |
- | + | width: 975px; | |
- | + | height: 275px; | |
- | + | position: absolute; | |
- | + | top: 0px; | |
- | + | left: 0px; | |
+ | border: 1px solid red; | ||
+ | } | ||
- | + | div.menuBar{ | |
- | + | margin-top: 160px; | |
- | + | margin-left: -6px; | |
- | + | width: 975px; | |
- | + | height: 20px; | |
- | + | border: 1px solid blue; | |
- | + | } | |
- | + | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | #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: | + | margin: 0; |
- | padding: | + | padding: 5px 10px; |
- | + | width: 150px; | |
- | + | white-space: nowrap; | |
- | width: | + | text-align: left; |
- | + | ||
- | + | ||
- | text-align: | + | |
text-decoration: none; | text-decoration: none; | ||
+ | background: #1A1A1A; | ||
+ | color: #FFFFFF; | ||
+ | font: 11px arial; | ||
} | } | ||
- | #nav | + | #nav div a:hover { |
- | background: # | + | background: #FFFFF; |
color: #000; | color: #000; | ||
} | } | ||
- | + | </style> | |
- | + | </head> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | |||
- | |||
- | |||
- | |||
- | + | <body> | |
- | + | <div class="bannerImage"> | |
- | + | <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> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
</li> | </li> | ||
Line 230: | Line 238: | ||
<li><a href="#">Contact Us</a></li> | <li><a href="#">Contact Us</a></li> | ||
</ul> | </ul> | ||
- | + | </div> | |
- | + | ||
- | + | </body> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
</html> | </html> |
Revision as of 21:28, 4 August 2010