Revision as of 16:25, 12 August 2013

iGEM 2013: Team Tübingen

@@ Line 22: / Line 22: @@
 }
 ul#menu li{
-     position:relative; /* allows us to set the z-index */
+     /* removed the positioning and z-index on the li, we no longer need them */
-    z-index:5; /* raises the z-index of the line item 5 levels all other elements */
      margin:3px 5px;
      padding:5px 10px 4px;
      float:left; /* floats list items to the left, creating a horizontal menu */
      background-color:#aaa; /* add some background color to the line items */
+}
+ul#menu li span {
+    position: relative; /* must have position set to anything other than static to use z-index */
+    z-index: 5; /* 5 layers above all normal elements */
 }
 ul#menu li.backLava {
+    position:absolute; /* this is automatically added by lavaLamp, if not set, but let's set it for good practice */
+    z-index:3; /* 3 levels higher than all normal elements */
      background-color:#fc0;
      border:2px solid brown;
@@ Line 46: / Line 51: @@
 <ul id="menu">
-<li>Project</li>
+<li><span>Fun</span></li>
-<li>Team</li>
+<li><span>with</span></li>
-<li>Contact</li>
+<li><span>jQuery</span></li>
+<li><span>LavaLamp</span></li>
+</ul>
 </body>
 </html>