Template:Caltech PracticeBar

From 2012.igem.org

(Difference between revisions)
(Created page with "<html> <head> <!-- This is a comment in html --> <!-- Begin the internal style sheet --> <style type="text/css"> - →This is a comment in css: /*Don't display the page title. ...")
Line 144: Line 144:
/************************************************************/
/************************************************************/
-
<ul id="coolMenu">
+
#coolMenu,
-
     <li><a href="#">Lorem</a></li>
+
#coolMenu ul {
-
     <li><a href="#">Mauricii</a></li>
+
     list-style: none;
-
     <li>
+
}
-
        <a href="#">Periher</a>
+
#coolMenu {
-
        <ul>
+
     float: left;
-
            <li><a href="#">Hellenico</a></li>
+
}
-
            <li><a href="#">Genere</a></li>
+
#coolMenu > li {
-
            <li><a href="#">Indulgentia</a></li>
+
     float: left;
-
        </ul>
+
}
-
     </li>
+
#coolMenu li a {
-
     <li><a href="#">Tyrio</a></li>
+
display: block;
-
     <li><a href="#">Quicumque</a></li>
+
    height: 2em;
-
</ul>
+
    line-height: 2em;
 +
    padding: 0 1.5em;
 +
    text-decoration: none;
 +
}
 +
#coolMenu ul {
 +
     position: absolute;
 +
     display: none;
 +
z-index: 999;
 +
}
 +
#coolMenu ul li a {
 +
     width: 80px;
 +
}
 +
#coolMenu li:hover ul {
 +
    display: block;
 +
}
</style>
</style>
</head>
</head>
</html>
</html>

Revision as of 23:52, 17 July 2012

Retrieved from "http://2012.igem.org/Template:Caltech_PracticeBar"