Team:MSOE Milwaukee
From 2013.igem.org
(Difference between revisions)
Vanhandelp (Talk | contribs) |
Vanhandelp (Talk | contribs) |
||
Line 2: | Line 2: | ||
<head> | <head> | ||
<title>Horizontal Navigation Bar w/Rollover Effect</title> | <title>Horizontal Navigation Bar w/Rollover Effect</title> | ||
- | <style type="text/css"> | + | <style type="text/css"> |
- | + | body { padding: 3em; } | |
- | + | ||
- | + | #cssm1 * { padding:0; margin: 0; font: 1em arial; } | |
- | + | ||
- | + | #cssm1 { margin: 0 auto; float: left; line-height: 20px; } | |
- | + | ||
- | + | #cssm1 a { display: block; border: 1px solid #fff; background: #abc; text-decoration: none; padding: 3px 10px; } | |
- | + | #cssm1 a:hover { background: #789; } | |
- | + | ||
- | + | ||
- | # | + | #cssm1 ul li, #cssm1 ul li ul li { width: 120px; list-style-type:none; } |
- | + | ||
- | + | #cssm1 ul li { float: left; width: 120px; } | |
- | + | ||
- | # | + | #cssm1 ul li ul, #cssm1:hover ul li ul, #cssm1:hover ul li:hover ul li ul{ |
- | + | display:none; | |
- | + | list-style-type:none; | |
- | + | width: 120px; | |
- | + | } | |
- | } | + | |
- | + | #cssm1:hover ul, #cssm1:hover ul li:hover ul, #cssm1:hover ul li:hover ul li:hover ul { | |
- | # | + | display:block; |
- | + | } | |
- | + | ||
- | } | + | #cssm1:hover ul li:hover ul li:hover ul { |
- | + | position: absolute; | |
- | + | margin-left: 120px; | |
- | </style> | + | margin-top: -20px; |
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | </style> | ||
</head> | </head> | ||
<body> | <body> | ||
- | <div id=" | + | <div id="cssm1"> |
<ul> | <ul> | ||
<li><a href="/Team:MSOE_Milwaukee">Home</a></li> | <li><a href="/Team:MSOE_Milwaukee">Home</a></li> |
Revision as of 18:46, 4 June 2013
| This is where the background goes
Tell us more about your project. Give us background. Use this as the abstract of your project. Be descriptive but concise (1-2 paragraphs) | |||
Team MSOE_Milwaukee |