Template:Kyoto Foreground

From 2011.igem.org

(Difference between revisions)
Line 1: Line 1:
 +
<html>
<html>
<style>
<style>
Line 22: Line 23:
#menu {
#menu {
  position: absolute;
  position: absolute;
-
display: block;
 
  margin-left: -482px;
  margin-left: -482px;
  margin-top: 150px;
  margin-top: 150px;
Line 30: Line 30:
}
}
-
.image a{
+
#menu li {
 +
display: block;
 +
}
 +
 
 +
#menu li a{
  display:block;
  display:block;
  float:left;
  float:left;
Line 39: Line 43:
  text-align:center;
  text-align:center;
}
}
-
.image a:hover{
+
 
 +
#menu li a:hover{
  background:url(https://static.igem.org/mediawiki/2011/f/f8/Kyoto_MenuButton1.png) no-repeat;
  background:url(https://static.igem.org/mediawiki/2011/f/f8/Kyoto_MenuButton1.png) no-repeat;
}
}
Line 57: Line 62:
<!-- end header -->
<!-- end header -->
-
<div id ="menu" align="center">
+
<ul id ="menu" align="center">
-
  <div class ="image"><a href="https://2011.igem.org/Team:Kyoto">Home</a></div>
+
  <li><a href="https://2011.igem.org/Team:Kyoto">Home</a></li>
-
  <div class ="image"><a href="https://2011.igem.org/Team:Kyoto/Team">Team</a></div>
+
  <li><a href="https://2011.igem.org/Team:Kyoto/Team">Team</a></li>
-
  <div class ="image"><a href="https://2011.igem.org/Team:Kyoto/Project">Project</a></div>
+
  <li><a href="https://2011.igem.org/Team:Kyoto/Project">Project</a></li>
-
  <div class ="image"><a href="https://2011.igem.org/Team:Kyoto/Parts">Parts</a></div>
+
  <li><a href="https://2011.igem.org/Team:Kyoto/Parts">Parts</a></li>
-
  <div class ="image"><a href="https://2011.igem.org/Team:Kyoto/Notebook">Lab Note</a></div>
+
  <li><a href="https://2011.igem.org/Team:Kyoto/Notebook">Lab Note</a></li>
-
  <div class ="image"><a href="https://2011.igem.org/Team:Kyoto/Diary">Diary</a></div>
+
  <li><a href="https://2011.igem.org/Team:Kyoto/Diary">Diary</a></li>
-
  <div class ="image"><a href="https://2011.igem.org/Team:Kyoto/Safety">Safety</a></div>
+
  <li><a href="https://2011.igem.org/Team:Kyoto/Safety">Safety</a></li>
-
  <div class ="image"><a>Human Practice</a></div>
+
  <li><a>Human Practice</a></li>
-
  <div class ="image"><a>Acknowledgement</a></div>
+
  <li><a>Acknowledgement</a></li>
-
</div>
+
</u;>
<!-- end menu -->
<!-- end menu -->
</div>
</div>

Revision as of 07:20, 10 September 2011