Team:Korea U Seoul/template/menubar

From 2011.igem.org

(Difference between revisions)
Line 4: Line 4:
<title>jQuery based 2depth menu-bar</title>
<title>jQuery based 2depth menu-bar</title>
<style>
<style>
-
/* global */
+
/* header */
-
body {
+
body{
margin:0;
margin:0;
padding:0;
padding:0;
background:#ffffff;
background:#ffffff;
}
}
-
/* header */
 
#header {
#header {
width:1000px;
width:1000px;
-
height:28px;
+
height:29px;
-
margin:50px auto;
+
background:#ffffff;
background:#ffffff;
position:relative;
position:relative;
Line 27: Line 25:
padding:0;
padding:0;
}
}
-
#nav li {   /*주메뉴 설정*/
+
#nav li {
position:relative;
position:relative;
list-style:none;
list-style:none;
float:left;
float:left;
-
margint:0px;
+
margin:0px;
-
        padding:5px 10px 5px 10px;
+
padding:0px 0px 0px 0px;
}
}
#nav a {
#nav a {
display:block;
display:block;
-
padding: 1em 2em;
 
-
        font: 12px/1.2 "돋움", dotum, sans-serif;
 
font-weight:bold;
font-weight:bold;
text-decoration:none;
text-decoration:none;
-
        margin:0px;
+
    margin:0px;
-
        padding:5px 20px 5px 20px;
+
    padding:5px 20px 5px 20px;
}
}
#nav li ul {
#nav li ul {
position:absolute;
position:absolute;
-
top:2em;
+
top:30px;
width: 300px;
width: 300px;
display:none;
display:none;
Line 58: Line 54:
#nav .on a,  
#nav .on a,  
#nav li li a {background:#ffffff; color:#900023;}
#nav li li a {background:#ffffff; color:#900023;}
-
</style>
+
</style>
 +
 
</head>
</head>

Revision as of 02:45, 3 October 2011

jQuery based 2depth menu-bar