Team:British Columbia/HP interactive

From 2010.igem.org

(Difference between revisions)
Line 6: Line 6:
<html><body id="team" onload="setPageSize()">
<html><body id="team" onload="setPageSize()">
<style type="text/css">
<style type="text/css">
-
#HDgal {position:relative; width:550px; }
+
#HDgal {position:relative; width:300px; }
-
#HDgal a.p1, #HDgal a.p2, #HDgal a.p3, #HDgal a.p4, #HDgal a.p5, #HDgal a.p6, #HDgal a.p7, #HDgal a.p8, #HDgal a.p9, #HDgal a.p10, #HDgal a.p11, #HDgal a.p12 
+
#HDgal a.p1, #HDgal a.p2, #HDgal a.p3, #HDgal a.p4, #HDgal a.p5, #HDgal a.p6, #HDgal a.p7, #HDgal a.p8, #HDgal a.p9
{position:absolute; display:block; width:50px; height:50px; background-color:#949e7c; color:#fff; text-decoration:none;}
{position:absolute; display:block; width:50px; height:50px; background-color:#949e7c; color:#fff; text-decoration:none;}
-
#HDgal a.p1 {top:0px; left:0px; background-image: url("");}
+
#HDgal a.p1 {top:0px; left:15px; background-image: url("");}
-
#HDgal a.p2 {top:0px; left:55px; background-image: url("");}
+
#HDgal a.p2 {top:0px; left:70px; background-image: url("");}
-
#HDgal a.p3 {top:0px; left:110px; background-image: url("");}
+
#HDgal a.p3 {top:0px; left:125px; background-image: url("");}
-
#HDgal a.p5 {top:55px; left:0px; background-image: url("");}
+
#HDgal a.p4 {top:55px; left:15px; background-image: url("");}
-
#HDgal a.p6 {top:55px; left:55px; background-image: url("");}
+
#HDgal a.p5 {top:55px; left:70px; background-image: url("");}
-
#HDgal a.p7 {top:55px; left:110px; background-image: url("");}
+
#HDgal a.p6 {top:55px; left:125px; background-image: url("");}
-
#HDgal a.p9 {top:110px; left:0px; background-image: url("");}
+
#HDgal a.p7 {top:110px; left:15px; background-image: url("");}
-
#HDgal a.p10 {top:110px; left:55px; background-image: url("");}
+
#HDgal a.p8 {top:110px; left:70px; background-image: url("");}
-
#HDgal a.p11 {top:110px; left:110px; background-image: url("");}
+
#HDgal a.p9 {top:110px; left:125px; background-image: url("");}
-
#HDgal a.p1:hover, #HDgal a.p2:hover, #HDgal a.p3:hover, #HDgal a.p4:hover, #HDgal a.p5:hover, #HDgal a.p6:hover, #HDgal a.p7:hover, #HDgal a.p8:hover, #HDgal a.p9:hover, #HDgal a.p10:hover, #HDgal a.p11:hover, #HDgal a.p12:hover {text-decoration:none; background-color:#d4d8bd; color:#000;}
+
#HDgal a.p1:hover, #HDgal a.p2:hover, #HDgal a.p3:hover, #HDgal a.p4:hover, #HDgal a.p5:hover, #HDgal a.p6:hover, #HDgal a.p7:hover, #HDgal a.p8:hover, #HDgal a.p9:hover {text-decoration:none; background-color:#d4d8bd; color:#000;}
#HDgal a img {display:block; position:absolute; width:1px; height:1px; border:0px; top:0px; left:0px;}
#HDgal a img {display:block; position:absolute; width:1px; height:1px; border:0px; top:0px; left:0px;}
Line 35: Line 35:
#HDgal a.p8:hover img {display:block; position:absolute; top:-55px; left:85px; width:340px; height: auto; border:0px;}
#HDgal a.p8:hover img {display:block; position:absolute; top:-55px; left:85px; width:340px; height: auto; border:0px;}
#HDgal a.p9:hover img {display:block; position:absolute; top:-110px; left:250px; width:340px; height: auto; border:0px;}
#HDgal a.p9:hover img {display:block; position:absolute; top:-110px; left:250px; width:340px; height: auto; border:0px;}
-
#HDgal a.p10:hover img {display:block; position:absolute; top:-110px; left:195px; width:340px; height: auto; border:0px;}
 
-
#HDgal a.p11:hover img {display:block; position:absolute; top:-110px; left:140px; width:340px; height: auto; border:0px;}
 
-
#HDgal a.p12:hover img {display:block; position:absolute; top:-110px; left:85px; width:340px; height: auto; border:0px;}
 
#mainimage {position:absolute; left:250px; top:0px; width:340px; border:0px;}
#mainimage {position:absolute; left:250px; top:0px; width:340px; border:0px;}
Line 52: Line 49:
<!-- alle anderen Bilder -->
<!-- alle anderen Bilder -->
-
<a class="p1" href="#nogo">&nbsp;1<img src="https://static.igem.org/mediawiki/2009/f/f0/IGEM_logo.png"/></a>
+
<a class="p1" href="#nogo">&nbsp;1<img src=""/></a>
-
<a class="p2" href="#nogo">&nbsp;2<img src="https://static.igem.org/mediawiki/2009/d/d3/HD09_Hannah2.png"/></a>
+
<a class="p2" href="#nogo">&nbsp;2<img src=""/></a>
-
<a class="p3" href="#nogo">&nbsp;3<img src="https://static.igem.org/mediawiki/2009/1/19/Douaa.png"/></a>
+
<a class="p3" href="#nogo">&nbsp;3<img src=""/></a>
-
<a class="p4" href="#nogo">&nbsp;4<img src="https://static.igem.org/mediawiki/2009/6/66/Corinna.png"/></a>
+
<a class="p4" href="#nogo">&nbsp;4<img src=""/></a>
-
<a class="p5" href="#nogo">&nbsp;5<img src="https://static.igem.org/mediawiki/2009/9/98/Chenchen.png"/></a>
+
<a class="p5" href="#nogo">&nbsp;5<img src=""/></a>
-
<a class="p6" href="#nogo">&nbsp;6<img src="https://static.igem.org/mediawiki/2009/a/ae/Captured.png"/></a>
+
<a class="p6" href="#nogo">&nbsp;6<img src=""/></a>
-
<a class="p7" href="#nogo">&nbsp;7<img src="https://static.igem.org/mediawiki/2009/9/97/Bingqing.png"/></a>
+
<a class="p7" href="#nogo">&nbsp;7<img src=""/></a>
-
<a class="p8" href="#nogo">&nbsp;8<img src="https://static.igem.org/mediawiki/2009/7/7c/Anne-and-Hannah.png"/></a>
+
<a class="p8" href="#nogo">&nbsp;8<img src=""/></a>
-
<a class="p9" href="#nogo">&nbsp;9<img src="https://static.igem.org/mediawiki/2009/6/66/Lars.png"/></a>
+
<a class="p9" href="#nogo">&nbsp;9<img src=""/></a>
-
<a class="p10" href="#nogo">&nbsp;10<img src="https://static.igem.org/mediawiki/2009/b/b2/Micha.png"/></a>
+
-
<a class="p11" href="#nogo">&nbsp;11<img src="https://static.igem.org/mediawiki/2009/0/0b/IGEM_logo_team.png"/></a>
+
-
<a class="p12" href="#nogo">&nbsp;12<img src="https://static.igem.org/mediawiki/2009/8/8e/HD09_Simon2.png"/></a>
+
</div>
</div>

Revision as of 19:12, 9 September 2010


Interactive Activities



Retrieved from "http://2010.igem.org/Team:British_Columbia/HP_interactive"