Team:KIT-Kyoto/01wiki

From 2012.igem.org

(Difference between revisions)
m (Created page with "<html> <body> <ul id="menu"><li>Home<ul></ul></li><li>About Us<ul><li><a href="#">KIT</a></li><li><a href="#">Profile</a></li></ul></li><li>Project<ul><li><a href=""></a></li></u...")
m
Line 1: Line 1:
<html>
<html>
-
<body>
+
 
-
<ul id="menu"><li>Home<ul></ul></li><li>About Us<ul><li><a href="#">KIT</a></li><li><a href="#">Profile</a></li></ul></li><li>Project<ul><li><a href=""></a></li></ul></li><li>Notebook<ul></ul></li><li>Safety<ul><li></ul></li></ul>
+
<div id="menu">
-
</body>
+
  <ul>
 +
      <li><a href="#">Home</a>
 +
        <ul>
 +
            <li><a href="#">submenu1</a></li>
 +
            <li><a href="#">submenu2</a></li>
 +
            <li><a href="#">submenu3</a>
 +
        </ul>
 +
      </li>
 +
    <li><a href="#">About Us</a>
 +
        <ul>
 +
            <li><a href="#">Profile</a></li>
 +
            <li><a href="#">YouTube</a></li>
 +
        </ul>
 +
      </li>
 +
      <li><a href="#">Project</a>
 +
        <ul>
 +
            <li><a href="#">submenu6</a></li>
 +
            <li><a href="#">submenu7</a></li>
 +
            <li><a href="#">submenu8</a></li>
 +
            <li><a href="#">submenu9</a></li>
 +
        </ul>
 +
      </li>
 +
  </ul>
 +
  <ul>
 +
        <li><a href="">Notebook</a></li>
 +
          <ul>
 +
            <li><a href="#">submenu6</a></li>
 +
            <li><a href="#">submenu7</a></li>
 +
            <li><a href="#">submenu8</a></li>
 +
            <li><a href="#">submenu9</a></li>
 +
        </ul>
 +
      </li>
 +
  </ul>
 +
    <ul>
 +
        <li><a href="">Safety</a></li>
 +
          <ul>
 +
            <li><a href="#">submenu6</a></li>
 +
            <li><a href="#">submenu7</a></li>
 +
            <li><a href="#">submenu8</a></li>
 +
            <li><a href="#">submenu9</a></li>
 +
        </ul>
 +
      </li>
 +
  </ul>
 +
</div>
 +
 
 +
<style type="text/css>
 +
/* メインメニュー */
 +
#menu ul {
 +
  display:block;
 +
  list-style-type: none;
 +
  margin:0;
 +
  padding:0;
 +
}
 +
 
 +
/* サブメニュー1段目 */
 +
#menu ul ul{
 +
  display:none;
 +
  position:absolute;
 +
  top:100%;
 +
  left:0;
 +
}
 +
 
 +
/* サブメニュー2段目以降 */
 +
#menu ul ul ul {
 +
  top:0;
 +
  left:100%;
 +
}
 +
 
 +
/* リスト */
 +
#menu li {
 +
  float:left;
 +
}
 +
 
 +
#menu li li {
 +
  clear:both;
 +
}
 +
 
 +
#menu li:hover {
 +
  position:relative;
 +
}
 +
 
 +
#menu li:hover > ul {
 +
  display: block
 +
}
 +
/* デザイン */
 +
#menu li {
 +
  line-height:1.6em;
 +
  text-align: center;
 +
  background:#ddd;
 +
}
 +
 
 +
#menu li li {
 +
  text-align: left;
 +
}
 +
 
 +
#menu li a{
 +
  display: block;
 +
  width:100px;
 +
  text-decoration:none;
 +
  color:#333;
 +
  padding:0 10px;
 +
}
 +
 
 +
#menu li:hover {
 +
  background:#7BBA10;
 +
  color:#333;
 +
}
 +
 
 +
#menu .column1, #menu .column2, #menu .column3 {
 +
  color:#333;
 +
  background:#7BBA10;
 +
}
 +
</style>
</html>
</html>

Revision as of 00:00, 11 July 2012