Team:Heidelberg LSL/Gallery

From 2012hs.igem.org

(Difference between revisions)
Line 6: Line 6:
<style type="text/css">
<style type="text/css">
#news {height: 550px; border:5px}
#news {height: 550px; border:5px}
-
#HDgal {position:relative; width:550px}
+
#HDgal {position:absolute; width:550px left:50px;}
#HDgal a.p1:visited, #HDgal a.p2:visited, #HDgal a.p3:visited, #HDgal a.p4:visited, #HDgal a.p5:visited, #HDgal a.p6:visited, #HDgal a.p7:visited, #HDgal a.p8:visited, #HDgal a.p9:visited, #HDgal a.p10:visited, #HDgal a.p11:visited, #HDgal a.p12:visited, #HDgal a.p13:visited, #HDgal a.p14:visited, #HDgal a.p15:visited, #HDgal a.p16:visited, #HDgal a.p17:visited, #HDgal a.p18:visited, #HDgal a.p19:visited, #HDgal a.p20:visited {position:absolute; display:block; width:50px; height:50px; background-color:#949e7c; color:#fff; text-decoration:none;}
#HDgal a.p1:visited, #HDgal a.p2:visited, #HDgal a.p3:visited, #HDgal a.p4:visited, #HDgal a.p5:visited, #HDgal a.p6:visited, #HDgal a.p7:visited, #HDgal a.p8:visited, #HDgal a.p9:visited, #HDgal a.p10:visited, #HDgal a.p11:visited, #HDgal a.p12:visited, #HDgal a.p13:visited, #HDgal a.p14:visited, #HDgal a.p15:visited, #HDgal a.p16:visited, #HDgal a.p17:visited, #HDgal a.p18:visited, #HDgal a.p19:visited, #HDgal a.p20:visited {position:absolute; display:block; width:50px; height:50px; background-color:#949e7c; color:#fff; text-decoration:none;}
Line 59: Line 59:
#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:0px; left:-500px; width:450px; height: auto; border:0px;}
+
#HDgal a.p1:hover img {display:block; position:absolute; top:0px; left:-540px; width:450px; height: auto; border:0px;}
-
#HDgal a.p2:hover img {display:block; position:absolute; top:0px; left:-555px; width:450px; height: auto; border:0px;}
+
#HDgal a.p2:hover img {display:block; position:absolute; top:0px; left:-595px; width:450px; height: auto; border:0px;}
-
#HDgal a.p3:hover img {display:block; position:absolute; top:0px; left:-610px; width:450px; height: auto; border:0px;}
+
#HDgal a.p3:hover img {display:block; position:absolute; top:0px; left:-650px; width:450px; height: auto; border:0px;}
-
#HDgal a.p4:hover img {display:block; position:absolute; top:0px; left:-665px; width:450px; height: auto; border:0px;}
+
#HDgal a.p4:hover img {display:block; position:absolute; top:0px; left:-705px; width:450px; height: auto; border:0px;}
-
#HDgal a.p5:hover img {display:block; position:absolute; top:-55px; left:-500px; width:450px; height: auto; border:0px;}
+
#HDgal a.p5:hover img {display:block; position:absolute; top:-55px; left:-540px; width:450px; height: auto; border:0px;}
-
#HDgal a.p6:hover img {display:block; position:absolute; top:-55px; left:-555px; width:450px; height: auto; border:0px;}
+
#HDgal a.p6:hover img {display:block; position:absolute; top:-55px; left:-595px; width:450px; height: auto; border:0px;}
-
#HDgal a.p7:hover img {display:block; position:absolute; top:-55px; left:-610px; width:450px; height: auto; border:0px;}
+
#HDgal a.p7:hover img {display:block; position:absolute; top:-55px; left:-650px; width:450px; height: auto; border:0px;}
-
#HDgal a.p8:hover img {display:block; position:absolute; top:-55px; left:-665px; width:450px; height: auto; border:0px;}
+
#HDgal a.p8:hover img {display:block; position:absolute; top:-55px; left:-705px; width:450px; height: auto; border:0px;}
-
#HDgal a.p9:hover img {display:block; position:absolute; top:-110px; left:-500px; width:450px; height: auto; border:0px;}
+
#HDgal a.p9:hover img {display:block; position:absolute; top:-110px; left:-540px; width:450px; height: auto; border:0px;}
-
#HDgal a.p10:hover img {display:block; position:absolute; top:-110px; left:-555px; width:450px; height: auto; border:0px;}
+
#HDgal a.p10:hover img {display:block; position:absolute; top:-110px; left:-595px; width:450px; height: auto; border:0px;}
-
#HDgal a.p11:hover img {display:block; position:absolute; top:-110px; left:-610px; width:450px; height: auto; border:0px;}
+
#HDgal a.p11:hover img {display:block; position:absolute; top:-110px; left:-650px; width:450px; height: auto; border:0px;}
-
#HDgal a.p12:hover img {display:block; position:absolute; top:-110px; left:-665px; width:450px; height: auto; border:0px;}
+
#HDgal a.p12:hover img {display:block; position:absolute; top:-110px; left:-705px; width:450px; height: auto; border:0px;}
-
#HDgal a.p13:hover img {display:block; position:absolute; top:-165px; left:-500px; width:450px; height: auto; border:0px;}
+
#HDgal a.p13:hover img {display:block; position:absolute; top:-165px; left:-540px; width:450px; height: auto; border:0px;}
-
#HDgal a.p14:hover img {display:block; position:absolute; top:-165px; left:-555px; width:450px; height: auto; border:0px;}
+
#HDgal a.p14:hover img {display:block; position:absolute; top:-165px; left:-595px; width:450px; height: auto; border:0px;}
-
#HDgal a.p15:hover img {display:block; position:absolute; top:-165px; left:-610px; width:450px; height: auto; border:0px;}
+
#HDgal a.p15:hover img {display:block; position:absolute; top:-165px; left:-650px; width:450px; height: auto; border:0px;}
-
#HDgal a.p16:hover img {display:block; position:absolute; top:-165px; left:-665px; width:450px; height: auto; border:0px;}
+
#HDgal a.p16:hover img {display:block; position:absolute; top:-165px; left:-705px; width:450px; height: auto; border:0px;}
-
#HDgal a.p17:hover img {display:block; position:absolute; top:-220px; left:-500px; width:450px; height: auto; border:0px;}
+
#HDgal a.p17:hover img {display:block; position:absolute; top:-220px; left:-540px; width:450px; height: auto; border:0px;}
-
#HDgal a.p18:hover img {display:block; position:absolute; top:-220px; left:-555px; width:450px; height: auto; border:0px;}
+
#HDgal a.p18:hover img {display:block; position:absolute; top:-220px; left:-595px; width:450px; height: auto; border:0px;}
-
#HDgal a.p19:hover img {display:block; position:absolute; top:-220px; left:-610px; width:450px; height: auto; border:0px;}
+
#HDgal a.p19:hover img {display:block; position:absolute; top:-220px; left:-650px; width:450px; height: auto; border:0px;}
-
#HDgal a.p20:hover img {display:block; position:absolute; top:-220px; left:-665px; width:450px; height: auto; border:0px;}
+
#HDgal a.p20:hover img {display:block; position:absolute; top:-220px; left:-705px; width:450px; height: auto; border:0px;}
-
#mainimage {position:absolute; top:0px; left: -500px; top:0px; width:450px; border:0px;}
+
#mainimage {position:absolute; top:0px; left: 100px; top:20px; width:450px; border:0px;}
Line 92: Line 92:
<div id="SubWrapper">
<div id="SubWrapper">
<h2>Gallery</h2>
<h2>Gallery</h2>
 +
<!-- das zuerst angezeigte Bild -->
 +
<img id="mainimage" src="http://2012hs.igem.org/wiki/images/3/31/IGEMsallery1.png" />
</div>
</div>
Line 98: Line 100:
<h3>Overview</h3>
<h3>Overview</h3>
<div id="HDgal">
<div id="HDgal">
-
<!-- das zuerst angezeigte Bild -->
 
-
<img id="mainimage" src="http://2012hs.igem.org/wiki/images/3/31/IGEMsallery1.png" />
 
<!-- alle anderen Bilder -->
<!-- alle anderen Bilder -->

Revision as of 23:33, 16 June 2012

iGEM-2012HS - LSL-Heidelberg iGEM-2012HS - LSL-Heidelberg