Team:British Columbia/HP interactive

From 2010.igem.org

(Difference between revisions)
Line 11: Line 11:
{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:100px; left:15px; background-image: url("");}
+
#HDgal a.p1 {top:00px; left:15px; background-image: url("");}
-
#HDgal a.p2 {top:100px; left:70px; background-image: url("");}
+
#HDgal a.p2 {top:00px; left:70px; background-image: url("");}
-
#HDgal a.p3 {top:100px; left:125px; background-image: url("");}
+
#HDgal a.p3 {top:00px; left:125px; background-image: url("");}
-
#HDgal a.p4 {top:155px; left:15px; background-image: url("");}
+
#HDgal a.p4 {top:55px; left:15px; background-image: url("");}
-
#HDgal a.p5 {top:155px; left:70px; background-image: url("");}
+
#HDgal a.p5 {top:55px; left:70px; background-image: url("");}
-
#HDgal a.p6 {top:155px; left:125px; background-image: url("");}
+
#HDgal a.p6 {top:55px; left:125px; background-image: url("");}
-
#HDgal a.p7 {top:210px; left:15px; background-image: url("");}
+
#HDgal a.p7 {top:110px; left:15px; background-image: url("");}
-
#HDgal a.p8 {top:210px; left:70px; background-image: url("");}
+
#HDgal a.p8 {top:110px; left:70px; background-image: url("");}
-
#HDgal a.p9 {top:210px; left:125px; background-image: url("");}
+
#HDgal a.p9 {top:110px; left:125px; background-image: url("");}
Line 26: Line 26:
#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;}
-
#HDgal a.p1:hover img {display:block; position:absolute; top:-100px; left:235px; width:340px; height: auto; border:0px;}
+
#HDgal a.p1:hover img {display:block; position:absolute; top:0px; left:235px; width:340px; height: auto; border:0px;}
-
#HDgal a.p2:hover img {display:block; position:absolute; top:-100px; left:180px; width:340px; height: auto; border:0px;}
+
#HDgal a.p2:hover img {display:block; position:absolute; top:0px; left:180px; width:340px; height: auto; border:0px;}
-
#HDgal a.p3:hover img {display:block; position:absolute; top:-100px; left:125px; width:340px; height: auto; border:0px;}
+
#HDgal a.p3:hover img {display:block; position:absolute; top:0px; left:125px; width:340px; height: auto; border:0px;}
-
#HDgal a.p4:hover img {display:block; position:absolute; top:-155px; left:235px; width:340px; height: auto; border:0px;}
+
#HDgal a.p4:hover img {display:block; position:absolute; top:-55px; left:235px; width:340px; height: auto; border:0px;}
-
#HDgal a.p5:hover img {display:block; position:absolute; top:-155px; left:180px; width:340px; height: auto; border:0px;}
+
#HDgal a.p5:hover img {display:block; position:absolute; top:-55px; left:180px; width:340px; height: auto; border:0px;}
-
#HDgal a.p6:hover img {display:block; position:absolute; top:-155px; left:125px; width:340px; height: auto; border:0px;}
+
#HDgal a.p6:hover img {display:block; position:absolute; top:-55px; left:125px; width:340px; height: auto; border:0px;}
-
#HDgal a.p7:hover img {display:block; position:absolute; top:-210px; left:235px; width:340px; height: auto; border:0px;}
+
#HDgal a.p7:hover img {display:block; position:absolute; top:-110px; left:235px; width:340px; height: auto; border:0px;}
-
#HDgal a.p8:hover img {display:block; position:absolute; top:-210px; left:180px; width:340px; height: auto; border:0px;}
+
#HDgal a.p8:hover img {display:block; position:absolute; top:-110px; left:180px; width:340px; height: auto; border:0px;}
-
#HDgal a.p9:hover img {display:block; position:absolute; top:-210px; left:125px; width:340px; height: auto; border:0px;}
+
#HDgal a.p9:hover img {display:block; position:absolute; top:-110px; left:125px; 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;}

Revision as of 20:36, 9 September 2010


Point and Click