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> | ||
- | + | ||
- | < | + | <div id="menu"> |
- | </ | + | <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