Team:DTU-Denmark-2/results/Proofofconcept/mammalian

From 2011.igem.org

(Difference between revisions)
Line 2: Line 2:
<html>
<html>
 +
<head>
 +
 +
<style type="text/css">
 +
 +
A {text-decoration:none}
 +
A:link {color:  #990000;text-decoration: none }
 +
A:active {color:  #990000;text-decoration: none }
 +
A:visited {color:  #990000 ;text-decoration: none }
 +
A:hover {text-decoration: underline}
 +
 +
 +
 
 +
  div.text {
 +
    padding-right: 20px;
 +
    padding-left: 50px;
 +
    padding-top:20px;
 +
    padding-bottom:10px;
 +
}
 +
 +
table {
 +
  border-collapse:collapse;
 +
}
 +
table,th, td {
 +
}
 +
 +
#menu {
 +
  width: 200px;
 +
  position: relative;
 +
  top: 0px;
 +
}
 +
a.h1 {
 +
  font-size: 12pt;
 +
  font-weight: bold;
 +
}
 +
 +
a.h2 {
 +
  font-size: 9pt;
 +
  margin-left: 10px;
 +
}
 +
 +
</style>
 +
 +
</head>
<body>
<body>
 +
 +
<div class="text">
 +
<font color=" #990000" face="arial" size="6">
 +
<br><br>
 +
<b>Proof of concept in mammalian cells</b><br> <br>
 +
</font>
 +
 +
 +
 +
</div>
 +
 +
<table cellpadding=5px>
 +
<th>
 +
<td width="500px" height="100%" valign="top" valign="center" >
 +
<br>
 +
 +
 +
<div id="menu">
 +
<a href="https://2011.igem.org/Team:DTU-Denmark-2/results/Proofofconcept/mammalian#Mammalian cells" class="h1"><b>1</b> Mammalian cells</a><br><br>
 +
 +
</div>
 +
 +
</td>
 +
 +
<td width="75%" height="100%" valign="top">
 +
 +
 +
 +
 +
<br>
 +
 +
<a name="Mammalian cells"></a><h1><b>Mammalian cells</b></h1>
 +
<p align="justify">
 +
 +
Text text
 +
</p>
 +
 +
 +
<br>
<br>
<br>
<br>
Line 51: Line 133:
<br>
<br>
<br>
<br>
 +
 +
 +
 +
 +
 +
 +
 +
</ul>
 +
</td>
 +
</tr>
 +
</table>
 +
<div id="EndOfPage"></div>
 +
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" charset="utf-8"></script>
 +
<script type="text/javascript" charset="utf-8">
 +
$(function(){
 +
//  $('#test').text($(this).scrollTop());
 +
  var menu = $('#menu')
 +
  var pos = menu.position().top;
 +
  var offset = 20;
 +
 +
  $(window).scroll(function(){
 +
    $('#test').text(menu.position().top);
 +
    if(($(this).scrollTop() + menu.height() + offset) > $('#EndOfPage').position().top) {
 +
      menu.css("position", "absolute");
 +
      menu.css("top", ($('#EndOfPage').position().top - menu.height()) + "px");
 +
    }else{
 +
 +
      if(($(this).scrollTop() + offset) > pos) {
 +
        menu.css("position", "fixed");
 +
        menu.css("top", offset + "px");
 +
      }else{
 +
        menu.css("position", "relative");
 +
        menu.css("top", "0px");
 +
      }
 +
    }
 +
 +
 +
  });
 +
});
 +
</script>
 +
 +
 +
</body>
</body>
</html>
</html>

Revision as of 17:42, 18 September 2011




Proof of concept in mammalian cells


Mammalian cells

Text text



































Retrieved from "http://2011.igem.org/Team:DTU-Denmark-2/results/Proofofconcept/mammalian"