Template:Tokyo Tech Menu
From 2009.igem.org
(Difference between revisions)
Line 11: | Line 11: | ||
a:active { color: #f00; } | a:active { color: #f00; } | ||
- | table. | + | table.menu |
- | + | font-size: 95%; | |
- | + | width:720px; | |
- | + | height:30px; | |
- | + | margin:20px auto 20px; | |
- | + | text-align:center; | |
- | + | table-layout:fixed; | |
- | + | ||
position:relative; | position:relative; | ||
} | } | ||
- | . | + | .menu tr td { |
- | + | width:120px; | |
- | + | height:30px; | |
- | + | ||
- | + | ||
- | + | ||
- | width: | + | |
- | height: | + | |
} | } | ||
- | . | + | .menu tr td a { |
- | + | text-decoration:none; | |
+ | width: 120px; | ||
+ | display: block; | ||
+ | background-color: #39f; | ||
+ | color: #fff; | ||
+ | } | ||
+ | .menu tr td a:hover { | ||
+ | text-decoration: none; | ||
+ | background-color: #36c; | ||
+ | color: #fff; | ||
+ | } | ||
+ | .menu tr td ul li{ | ||
list-style-type: none; | list-style-type: none; | ||
width:75px; | width:75px; | ||
} | } | ||
- | . | + | .menu tr td ul li a{ |
width: 75px; | width: 75px; | ||
} | } | ||
- | + | /*.menu tr td a:hover { | |
- | + | ||
- | . | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
position:relative; | position:relative; | ||
text-decoration: none; | text-decoration: none; | ||
Line 58: | Line 50: | ||
color: #fff; | color: #fff; | ||
} | } | ||
- | + | .menu tr td ul{ | |
- | . | + | overflow:hidden; |
- | . | + | } |
+ | .menu tr td:hover ul, | ||
+ | .menu tr td a:hover ul{ | ||
visibility:visible; | visibility:visible; | ||
overflow:visible; | overflow:visible; | ||
- | + | }*/ | |
+ | .off ul{ | ||
+ | display:none; | ||
+ | } | ||
+ | .on ul{ | ||
+ | display:block; | ||
} | } | ||
Line 75: | Line 74: | ||
</div> | </div> | ||
- | <table class=" | + | <table class="menu"> |
<tr> | <tr> | ||
- | <td><a href="https://2009.igem.org/Team:Tokyo_Tech">Main</a><ul></ul></td> | + | <td class="off" onmouseover="className='on'" onmouseout="className='off'"><a href="https://2009.igem.org/Team:Tokyo_Tech/Project"><a href="https://2009.igem.org/Team:Tokyo_Tech">Main</a><ul></ul></td> |
- | <td><a href="https://2009.igem.org/Team:Tokyo_Tech/Team">Team</a><ul></ul></td> | + | <td class="off" onmouseover="className='on'" onmouseout="className='off'"><a href="https://2009.igem.org/Team:Tokyo_Tech/Project"><a href="https://2009.igem.org/Team:Tokyo_Tech/Team">Team</a><ul></ul></td> |
- | <td><a href="https://2009.igem.org/Team:Tokyo_Tech/Project">Project</a> | + | <td class="off" onmouseover="className='on'" onmouseout="className='off'"><a href="https://2009.igem.org/Team:Tokyo_Tech/Project">Project</a> |
<ul> | <ul> | ||
<li><a href="https://2009.igem.org/Team:Tokyo_Tech/Idea1">Idea 1</a></li> | <li><a href="https://2009.igem.org/Team:Tokyo_Tech/Idea1">Idea 1</a></li> | ||
Line 88: | Line 87: | ||
</ul> | </ul> | ||
</td> | </td> | ||
- | <td><a href="https://2009.igem.org/Team:Tokyo_Tech/Parts">Parts</a><ul></ul></td> | + | <td class="off" onmouseover="className='on'" onmouseout="className='off'"><a href="https://2009.igem.org/Team:Tokyo_Tech/Project"><a href="https://2009.igem.org/Team:Tokyo_Tech/Parts">Parts</a><ul></ul></td> |
- | <td><a href="https://2009.igem.org/Team:Tokyo_Tech/Conclusion">Conclusion</a><ul></ul></td> | + | <td class="off" onmouseover="className='on'" onmouseout="className='off'"><a href="https://2009.igem.org/Team:Tokyo_Tech/Project"><a href="https://2009.igem.org/Team:Tokyo_Tech/Conclusion">Conclusion</a><ul></ul></td> |
- | <td><a href="https://2009.igem.org/Team:Tokyo_Tech/Links">Links</a><ul></ul></td> | + | <td class="off" onmouseover="className='on'" onmouseout="className='off'"><a href="https://2009.igem.org/Team:Tokyo_Tech/Project"><a href="https://2009.igem.org/Team:Tokyo_Tech/Links">Links</a><ul></ul></td> |
</tr> | </tr> | ||
</table> | </table> | ||
</body> | </body> | ||
</html> | </html> |
Revision as of 05:31, 19 October 2009
Main |
Team |
Project | Parts |
Conclusion |
Links |