User:Kleinsorg/menu
From 2010.igem.org
(Difference between revisions)
(New page: {{Template_HD2010_topheader}} <html> <style type="text/css"> ul { padding: 0; margin: 0; list-style: none; } li { float: left; position: relative; width: 10em; } li ...) |
|||
Line 2: | Line 2: | ||
<html> | <html> | ||
+ | |||
<style type="text/css"> | <style type="text/css"> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | #nav { position:absolute; z-index:2; top: | + | #nav { position:absolute; z-index:2; top:152px; left:220px; padding:0px; margin:0px; list-style: none;} |
+ | #nav li { float: left; position: relative; width: 10em; } | ||
#nav li a { text-decoration:none; color:#00000; font-weight:bold } | #nav li a { text-decoration:none; color:#00000; font-weight:bold } | ||
#nav li a:visited {color: #000000;} | #nav li a:visited {color: #000000;} | ||
#nav li a:hover { color:#f09600; } | #nav li a:hover { color:#f09600; } | ||
#nav li a:active { color:#f09600; } | #nav li a:active { color:#f09600; } | ||
- | #nav li ul { background-image:url(http://igem.bioquant.uni-heidelberg.de/mediawiki/images/5/5a/Black.jpg);} | + | #nav li ul { background-image:url(http://igem.bioquant.uni-heidelberg.de/mediawiki/images/5/5a/Black.jpg); |
+ | display: none; position: absolute; top: 1em; left: 0; padding:0px; margin:0px; list-style: none;} | ||
+ | #nav li > ul { top: auto; left: auto; } | ||
#nav li ul li a { text-decoration:none; color:#FFFFFF } | #nav li ul li a { text-decoration:none; color:#FFFFFF } | ||
#nav li ul li a:visited {color:#FFFFFF } | #nav li ul li a:visited {color:#FFFFFF } | ||
Line 40: | Line 20: | ||
#nav li ul li a:active { color:#f09600; } | #nav li ul li a:active { color:#f09600; } | ||
- | #nav1 {margin-right:- | + | #nav1 {margin-right:-50px;} |
- | #nav2 {margin-right:- | + | #nav2 {margin-right:-75px} |
- | li:hover ul, li.over ul{ display: block; } | + | #nav li:hover ul, li.over ul{ display: block; } |
</style> | </style> | ||
+ | |||
+ | |||
<script type="text/javascript"> | <script type="text/javascript"> | ||
startList = function() { | startList = function() { | ||
Line 68: | Line 50: | ||
<body> | <body> | ||
- | <img src="http://igem.bioquant.uni-heidelberg.de/mediawiki/images/5/5e/Header.jpg | + | <img src="http://igem.bioquant.uni-heidelberg.de/mediawiki/images/5/5e/Header.jpg" /> |
<ul id="nav"> | <ul id="nav"> |
Revision as of 22:18, 15 September 2010