From 2010.igem.org
(Difference between revisions)
|
|
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