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">
-
ul {
 
-
  padding: 0;
 
-
  margin: 0;
 
-
  list-style: none;
 
-
 
 
-
  }
 
-
 
-
li {
 
-
  float: left;
 
-
  position: relative;
 
-
  width: 10em;
 
-
  }
 
-
 
-
li ul {
 
-
  display: none;
 
-
  position: absolute;
 
-
  top: 1em;
 
-
  left: 0;
 
-
  }
 
-
 
-
li > ul {
 
-
top: auto;
 
-
left: auto;
 
-
}
 
-
#nav { position:absolute; z-index:2; top:85px; left:220px;}
+
#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:-70px;}
+
#nav1 {margin-right:-50px;}
-
#nav2 {margin-right:-95px}
+
#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" style="position:absolute; z-index:1;" />
+
<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