Team:TU-Delft/Test

From 2012.igem.org

(Difference between revisions)
Line 1: Line 1:
<html>
<html>
<title>Menu</title>
<title>Menu</title>
 +
 +
 +
<style type="text/css">
 +
#menu, #menu ul {
 +
list-style:none;
 +
padding:0;
 +
margin:0;
 +
}
 +
#menu li {
 +
float:left;
 +
position:relative;
 +
line-height: 4.5em;
 +
width: 10em;
 +
}
 +
#menu li ul {
 +
position:absolute;
 +
margin-top:-1em;
 +
margin-left:.5em;
 +
display:none;
 +
}
 +
#menu ul li ul {
 +
margin-top:-3em;
 +
margin-left:7em;
 +
}
 +
 +
 +
#menu a {
 +
display:block;
 +
border-right:1px solid #fff;
 +
background:#E0F574;
 +
color:#3B3B3B;
 +
text-decoration:none;
 +
padding:0 10px;
 +
}
 +
#menu a:hover {
 +
background-color:#5798B4;
 +
color:#fff;
 +
}
 +
#menu ul {
 +
border-top:1px solid #fff;
 +
}
 +
#menu ul a {
 +
border-right:none;
 +
border-right:1px solid #fff;
 +
border-bottom:1px solid #fff;
 +
border-left:1px solid #fff;
 +
background:#AEC245;
 +
}
 +
 +
 +
/* SHOW SUBMENU 1 */
 +
#menu li:hover ul, #menu li.over ul {
 +
display:block;
 +
}
 +
#menu li:hover ul ul, #menu li.over ul ul {
 +
display:none;
 +
}
 +
/* SHOW SUBMENU 2 */
 +
#menu ul li:hover ul, #menu ul li.over ul {
 +
display:block;
 +
}
 +
</style>
 +
 +
<body>  
<body>  

Revision as of 01:29, 27 October 2012

Menu