Team:Tuebingen

From 2013.igem.org

(Difference between revisions)
Line 22: Line 22:
}
}
ul#menu li{
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;
     margin:3px 5px;
     padding:5px 10px 4px;
     padding:5px 10px 4px;
     float:left; /* floats list items to the left, creating a horizontal menu */
     float:left; /* floats list items to the left, creating a horizontal menu */
     background-color:#aaa; /* add some background color to the line items */
     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 {
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;
     background-color:#fc0;
     border:2px solid brown;
     border:2px solid brown;
Line 46: Line 51:
<ul id="menu">
<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>
</body>
</html>
</html>

Revision as of 16:25, 12 August 2013

Return to iGEM Main Page.

iGEM 2013: Team Tübingen