Difference between revisions of "Team:Aalto-Helsinki/LabBook"

m (still making the table etc.)
m (css)
Line 27: Line 27:
 
     margin: 5px 0 5px 0;
 
     margin: 5px 0 5px 0;
 
     text-align:center;
 
     text-align:center;
 +
}
 +
.white{
 +
  background: url(https://static.igem.org/mediawiki/2015/6/63/Aalto-Helsinki_arrow_white.png) no-repeat;
 +
}
 +
.blue{
 +
  background: url(https://static.igem.org/mediawiki/2015/9/95/Aalto-Helsinki_arrow_blue.png) no-repeat;
 +
}
 +
.red{
 +
  background: url(https://static.igem.org/mediawiki/2015/f/f2/Aalto-Helsinki_arrow_red.png) no-repeat;
 
}
 
}
 
.arrow{
 
.arrow{
   display: table-cell;
+
   vertical-align: middle;  
   max-width=100px;
+
   text-align: center;
  max-height=50px;
+
 
}
 
}
 
.bottomline{
 
.bottomline{
Line 40: Line 48:
 
}
 
}
 
.first{
 
.first{
   /*width=12%;*/
+
   width=90px;
 
}
 
}
 
</style>
 
</style>
Line 74: Line 82:
 
</div><!-- end inner-container-->
 
</div><!-- end inner-container-->
  
<table style="width:79%;table-layout: fixed">
+
<table style="width:1040px;table-layout: fixed">
 
   <tr>
 
   <tr>
 
     <td class="bottomline rightline first"><h3 style="padding-top:0;margin-top:0;margin-bottom:0;padding-bottom:0;">Construct <br>worked with</h3></td>
 
     <td class="bottomline rightline first"><h3 style="padding-top:0;margin-top:0;margin-bottom:0;padding-bottom:0;">Construct <br>worked with</h3></td>
Line 87: Line 95:
 
   <tr>
 
   <tr>
 
     <td class="first rightline"><div style="display: table;height: 78px; overflow:hidden;"><h3>CAR</h3></div></td>
 
     <td class="first rightline"><div style="display: table;height: 78px; overflow:hidden;"><h3>CAR</h3></div></td>
         <td style="background: url(https://static.igem.org/mediawiki/2015/6/63/Aalto-Helsinki_arrow_white.png) no-repeat; vertical-align: middle; text-align: center;max-width=130px;min-width=130px;max-height=90px;min-height=90px;">
+
         <td class="white arrow" style=" vertical-align: middle; text-align: center;">
 
             <p>Here is my text</p>
 
             <p>Here is my text</p>
 
         </td>
 
         </td>
         <td style="background: url(https://static.igem.org/mediawiki/2015/6/63/Aalto-Helsinki_arrow_white.png) no-repeat; vertical-align: middle; text-align: center;">
+
         <td class="white arrow" >
 
             <p style="text-align:center;">Here is my text</p>
 
             <p style="text-align:center;">Here is my text</p>
 
         </td>
 
         </td>
         <td style="background: url(https://static.igem.org/mediawiki/2015/9/95/Aalto-Helsinki_arrow_blue.png) no-repeat; vertical-align: middle; text-align: center;">
+
         <td class="blue arrow" >
 
             <p>Here is my text</p>
 
             <p>Here is my text</p>
 
         </td>
 
         </td>
<td style="background: url(https://static.igem.org/mediawiki/2015/6/63/Aalto-Helsinki_arrow_white.png) no-repeat; vertical-align: middle; text-align: center;">
+
<td class="white arrow" >
 
             <p>Here is my text</p>
 
             <p>Here is my text</p>
 
         </td>
 
         </td>
         <td style="background: url(https://static.igem.org/mediawiki/2015/6/63/Aalto-Helsinki_arrow_white.png) no-repeat; vertical-align: middle; text-align: center;">
+
         <td class="white arrow" >
 
             <p>Here is my text</p>
 
             <p>Here is my text</p>
 
         </td>
 
         </td>
         <td style="background: url(https://static.igem.org/mediawiki/2015/6/63/Aalto-Helsinki_arrow_white.png) no-repeat; vertical-align: middle; text-align: center;">
+
         <td class="white arrow" >
 
             <p>Here is my text</p>
 
             <p>Here is my text</p>
 
         </td>
 
         </td>
     <td style="background: url(https://static.igem.org/mediawiki/2015/f/f2/Aalto-Helsinki_arrow_red.png) no-repeat; vertical-align: middle; text-align: center;">
+
     <td class="red arrow" >
 
             <p>Here is my <br>text, there <br>is lot of it</p>
 
             <p>Here is my <br>text, there <br>is lot of it</p>
 
         </td>
 
         </td>
Line 111: Line 119:
  
 
</table>
 
</table>
 
 
  
  
 
</div></div></div></body> <!--These are the closing tags for div id="mainContainer" and div id="contentContainer". The corresponding opening tags appear in the template that is {{included}} at the top of this page.-->
 
</div></div></div></body> <!--These are the closing tags for div id="mainContainer" and div id="contentContainer". The corresponding opening tags appear in the template that is {{included}} at the top of this page.-->
 
</html>
 
</html>

Revision as of 06:00, 31 July 2015

Lab Book

An example of what the table could look like:

Construct
worked with

Things done

Lab 1.1.2015
Monday

CAR

Here is my text

Here is my text

Here is my text

Here is my text

Here is my text

Here is my text

Here is my
text, there
is lot of it