Team:Peking/Header2

From 2010.igem.org

(Difference between revisions)
(New page: <html> <head> <style type="text/css"> #Header2 { width: 872px; margin: 20px 7px 0 0px; position: relative; float: right; text-align: left; } #Header2_extra { margi...)
(Removing all content from page)
Line 1: Line 1:
-
<html>
 
-
<head>
 
-
<style type="text/css">
 
-
#Header2 {
 
-
    width: 872px;
 
-
    margin: 20px 7px 0 0px;
 
-
    position: relative;
 
-
    float: right;
 
-
    text-align: left;
 
-
}
 
-
#Header2_extra {
 
-
    margin-top: 0px;
 
-
}
 
-
 
-
#Header2 ul {
 
-
  font-family: Arial, Verdana;
 
-
  font-size: 14px;
 
-
  margin: 0;
 
-
  padding: 0;
 
-
  list-style: none;
 
-
}
 
-
#Header2 ul li {
 
-
  display: block;
 
-
  position: relative;
 
-
  float: left;
 
-
}
 
-
#Header2 li ul { display: none; }
 
-
#Header2 ul li a {
 
-
  display: block;
 
-
  text-decoration: none;
 
-
  color: #ffffff;
 
-
  border-top: 1px solid #ffffff;
 
-
  padding: 5px 15px 5px 15px;
 
-
  background: #2C5463;
 
-
  margin-left: 1px;
 
-
  white-space: nowrap;
 
-
}
 
-
#Header2 ul li a:hover { background: #617F8A; }
 
-
#Header2 li:hover ul {
 
-
  display: block;
 
-
  position: absolute;
 
-
}
 
-
#Header2 li:hover li {
 
-
  float: none;
 
-
  font-size: 11px;
 
-
}
 
-
#Header2 li:hover a { background: #617F8A; }
 
-
#Header2 li:hover li a:hover { background: #95A9B1; }
 
-
</style>
 
-
</head>
 
-
 
-
<body>
 
-
<div id="Header2">
 
-
<ul id="menu">
 
-
  <li><a href="">Home</a></li>
 
-
  <li><a href="">About Us</a>
 
-
    <ul>
 
-
    <li><a href="">The Team</a></li>
 
-
    <li><a href="">History</a></li>
 
-
    <li><a href="">Vision</a></li>
 
-
    </ul>
 
-
  </li>
 
-
  <li><a href="">Products</a>
 
-
    <ul>
 
-
    <li><a href="">Cozy Couch</a></li>
 
-
    <li><a href="">Great Table</a></li>
 
-
    <li><a href="">Small Chair</a></li>
 
-
    <li><a href="">Shiny Shelf</a></li>
 
-
    <li><a href="">Invisible Nothing</a></li>
 
-
    </ul>
 
-
  </li>
 
-
  <li><a href="">Contact</a>
 
-
    <ul>
 
-
    <li><a href="">Online</a></li>
 
-
    <li><a href="">Right Here</a></li>
 
-
    <li><a href="">Somewhere Else</a></li>
 
-
    </ul>
 
-
  </li>
 
-
</ul>
 
-
</div>
 
-
 
-
</html>
 

Revision as of 15:36, 10 July 2010