Team:Wageningen UR/Templates/NavigationTop

From 2011.igem.org

(Difference between revisions)
Line 16: Line 16:
  #Oscillation1 {  
  #Oscillation1 {  
-
   background-image: url('https://static.igem.org/mediawiki/2011/5/5f/Oscillation0.png');
+
   background-image: transparent;
   background-repeat: no-repeat;
   background-repeat: no-repeat;
   background-position: left center;
   background-position: left center;
Line 25: Line 25:
   border-style: solid;
   border-style: solid;
   border-width: 1px;  
   border-width: 1px;  
-
   border-color: blue;
+
   border-color: transparent;
   }
   }
    
    
-
  #Oscillation1.hovered, Oscillation1:hover {
+
  #Oscillation1.hovered, #Oscillation1:hover {
-
  background-image: url('https://static.igem.org/mediawiki/2011/1/11/Oscillation1.png');
+
    background-image: url('https://static.igem.org/mediawiki/2011/1/11/Oscillation1.png');
-
 
+
   }
   }
-
  </style>
 
-
   </head>
+
#Oscillation2 {
 +
   background-image: transparent;
 +
  background-repeat: no-repeat;
 +
  background-position: left center;
 +
  margin: 0 0 0 0;
 +
  position: center;
 +
  width: 23px;
 +
  height: 37px;
 +
  border-style: solid;
 +
  border-width: 1px;
 +
  border-color: blue;
 +
  }
 +
 
 +
#Oscillation2.hovered, #Oscillation2:hover {
 +
    background-image: url('https://static.igem.org/mediawiki/2011/b/bd/Oscillation2.png');
 +
  }
-
    <body>
 
-
<div id="navTop">
 
-
<div id="Oscillation1" class="hoverable">
 
-
</div>
 
-
<div id="Oscillation2" class="hoverable">
+
  </style>
-
</div>
+
-
<div id="Oscillation3" class="hoverable">
+
  </head>
-
</div>
+
-
+
-
                <div id="Oscillation4" class="hoverable">
+
-
</div>
+
-
                <div id="Oscillation5" class="hoverable">
+
    <body>
-
</div>
+
-
 
+
-
                <div id="Oscillation6" class="hoverable">
+
-
</div>
+
 +
<table id="navTop">
 +
<td id="Oscillation1" class="hoverable">
 +
<td id="Oscillation2" class="hoverable">
 +
<td id="Oscillation3" class="hoverable">
 +
                <td id="Oscillation4" class="hoverable">
 +
                <td id="Oscillation5" class="hoverable">
 +
                <td id="Oscillation6" class="hoverable">
                 <div id="Oscillation7" class="hoverable">
                 <div id="Oscillation7" class="hoverable">
</div>
</div>

Revision as of 13:50, 10 April 2011