Team:WHU-China/Project/Design
From 2011.igem.org
(Difference between revisions)
(Created page with "<html> <head> <style type="text/css"> </style> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script> <script src="http:/...") |
|||
Line 2: | Line 2: | ||
<head> | <head> | ||
<style type="text/css"> | <style type="text/css"> | ||
+ | #design | ||
+ | { | ||
+ | position:relative; | ||
+ | width:1000px; | ||
+ | } | ||
+ | #design img | ||
+ | { | ||
+ | position:relative; | ||
+ | left:100px; | ||
+ | width:800px; | ||
+ | top:20px; | ||
+ | } | ||
+ | #contact | ||
+ | {position:absolute; | ||
+ | z-index:1; | ||
+ | left:0px;} | ||
+ | |||
+ | #bottom | ||
+ | { | ||
+ | position:absolute; | ||
+ | z-index:1; | ||
+ | } | ||
</style> | </style> | ||
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script> | <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script> | ||
Line 10: | Line 32: | ||
$(document).ready(function() | $(document).ready(function() | ||
{ | { | ||
- | + | var a1=1414; | |
+ | var a2=document.body.clientHeight; | ||
+ | document.getElementById("bottom").style.top=(a2+a1).toString()+'px'; | ||
+ | document.getElementById("contact").style.top=(a2+a1+80).toString()+'px'; | ||
}); | }); | ||
</script> | </script> | ||
Line 16: | Line 41: | ||
<body> | <body> | ||
<div id="content1"> | <div id="content1"> | ||
+ | |||
+ | <div id="design"> | ||
+ | <img src=""> | ||
+ | <img src=""> | ||
+ | <img src=""> | ||
+ | <img src=""> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | <div id="bottom"> | ||
+ | <image src="/wiki/images/5/58/Whu-backgroundbottom.png"/> | ||
+ | </div> | ||
+ | <!-- bottom and needed to be modified in the top--> | ||
+ | |||
+ | <div id="contact"> | ||
+ | <a href="https://2011.igem.org/wiki/index.php?title=Team:WHU-China&action=edit"><img class="whucontact" style="position:relative;left:636px;top:38px;z-index:10;" src="/wiki/images/2/2a/Whu-Home_r1_c1.png"/></a> | ||
+ | <a href="Mailto:gubrian890512@gmail.com"><img class="whucontact" style="position:relative;left:660px;top:38px;z-index:10;" src="/wiki/images/9/97/Whu-Home_r1_c3.png"/></a> | ||
+ | <a href="https://igem.org/Main_Page"><img class="whucontact" style="position:relative;left:676px;top:38px;z-index:10;" src="/wiki/images/0/03/Whu-Home_r1_c5.png"/></a> | ||
+ | <img id="bb" src="/wiki/images/3/3c/Whu-build.jpg"/> | ||
+ | </div> | ||
+ | |||
</div> | </div> | ||
</body> | </body> | ||
</html> | </html> | ||
{{WHUcss}} | {{WHUcss}} |
Revision as of 09:56, 4 October 2011