Team:Imperial College London/Resources/Photo Gallery

From 2009.igem.org

(Difference between revisions)
Line 1: Line 1:
<html>
<html>
-
<style type="text/css">
+
<div id="container">
-
 
+
  <ul>
-
.gallerycontainer{
+
    <li>
-
position: relative;
+
      <img src="https://static.igem.org/mediawiki/2009/4/4c/II09_5228.jpg" alt="Alpha" title="Alpha" />
-
/*Add a height attribute and set to largest image's height to prevent overlaying*/
+
      <br />
-
}
+
      ALPHA
-
 
+
      <br />
-
.thumbnail img{
+
      Photographed by Dorota Mrowka, courtesy of the stock.xchng
-
border: 1px solid white;
+
    </li>
-
margin: 0 5px 5px 0;
+
    <li>
-
}
+
      <img src="https://static.igem.org/mediawiki/2009/1/1c/II09_Encapsulator_DK_logo.jpg" alt="Minie" title="Minie" />
-
 
+
      <br />
-
.thumbnail:hover{
+
      MINIE
-
background-color: transparent;
+
      <br />
-
}
+
      Photographed by José Antonio Assis, courtesy of the stock.xchng
-
 
+
    </li>
-
.thumbnail:hover img{
+
    <li>
-
border: 1px solid blue;
+
      <img src="../images/p3.jpg" alt="Megan" title="Megan" />
-
}
+
      <br />
-
 
+
      MEGAN
-
.thumbnail span{ /*CSS for enlarged image*/
+
      <br />
-
position: absolute;
+
      Photographed by Rob Waterhouse, courtesy of the stock.xchng
-
background-color: lightyellow;
+
    </li>
-
padding: 5px;
+
    <li>
-
left: -1000px;
+
      <img src="../images/p4.jpg" alt="Nancy" title="Nancy" />
-
border: 1px dashed gray;
+
      <br />
-
visibility: hidden;
+
      NANCY
-
color: black;
+
      <br />
-
text-decoration: none;
+
      Photographed by Philip Keller, courtesy of the stock.xchng
-
}
+
    </li>
-
 
+
    <li>
-
.thumbnail span img{ /*CSS for enlarged image*/
+
      <img src="../images/p5.jpg" alt="Missy" title="Missy" />
-
border-width: 0;
+
      <br />
-
padding: 2px;
+
      MISSY & PANDA
-
}
+
      <br />
-
 
+
      Photographed by Kat Shurtz, courtesy of the stock.xchng
-
.thumbnail:hover span{ /*CSS for enlarged image*/
+
    </li>
-
visibility: visible;
+
    <li>
-
top: 0;
+
      <img src="../images/p6.jpg" alt="Stray pup" title="Stray pup" />
-
left: 230px; /*position where enlarged image should offset horizontally */
+
      <br />
-
z-index: 50;
+
      STRAY PUP
-
}
+
      <br />
-
 
+
      Photographed by Bethan Hazell, courtesy of the stock.xchng
-
</style>
+
    </li>
-
 
+
    <li>
-
 
+
      <img src="../images/p7.jpg" alt="Rolo" title="Rolo" />
-
 
+
      <br />
-
 
+
      ROLO
-
 
+
      <br />
-
<div class="gallerycontainer">
+
      Photographed by Paul Leach, courtesy of the stock.xchng
-
 
+
    </li>
-
<a class="thumbnail" href="#thumb"><img src="https://static.igem.org/mediawiki/2009/4/4c/II09_5228.jpg" width="100px" height="66px" border="0" /><span><img src="media/tree.jpg" /><br />Simply beautiful.</span></a>
+
    <li>
-
 
+
      <img src="../images/p8.jpg" alt="Gigio" title="Gigio" />
-
<a class="thumbnail" href="#thumb"><img src="https://static.igem.org/mediawiki/2009/1/1c/II09_Encapsulator_DK_logo.jpg" width="100px" height="66px" border="0" /><span><img src="media/ocean.jpg" /><br />So real, it's unreal. Or is it?</span></a>
+
      <br />
-
 
+
      GIGIO
-
<br />
+
      <br />
-
 
+
      Photographed by Davide Guglielmo, courtesy of the stock.xchng
-
<a class="thumbnail" href="#thumb"><img src="media/sushi2_thumb.jpg" width="100px" height="75px" border="0" /><span><img src="media/sushi2.jpg" /><br />Sushi for dinner anyone?</span></a>  
+
    </li>
-
 
+
    <li>
-
<a class="thumbnail" href="#thumb"><img src="media/horses_thumb.jpg" width="100px" height="70px" border="0" /><span><img src="media/horses.jpg" /><br />Run wild with horses.</span></a>
+
      <img src="../images/p9.jpg" alt="Westy pup" title="Westy Pup" />
-
 
+
      <br />
-
<br />
+
      WESTY PUP
-
 
+
      <br />
-
<a class="thumbnail" href="#thumb">Dynamic Drive<span><img src="media/dynamicdrive.gif" /><br />Dynamic Drive</span></a>
+
      Photographed by Rob Waterhouse, courtesy of the stock.xchng
-
 
+
    </li>
-
<br />
+
    <li>
-
 
+
      <img src="../images/p10.jpg" alt="Giga Byte" title="Fishing" />
-
<a class="thumbnail" href="#thumb">Zoka Coffee<span><img src="media/zoka.gif" /><br />Zoka Coffee</span></a>
+
      <br />
-
 
+
      GIGA BYTE
 +
      <br />
 +
      Photographed by Jefras, courtesy of the stock.xchng
 +
    </li>
 +
    <li>
 +
      <img src="../images/p11.jpg" alt="Puppy" title="Puppy" />
 +
      <br />
 +
      PUPPY
 +
      <br />
 +
      Photographed by Clodiney Cruz, courtesy of the stock.xchng
 +
    </li>
 +
    <li>
 +
      <img src="../images/p12.jpg" alt="Buffy" title="Buffy" />
 +
      <br />
 +
      BUFFY
 +
      <br />
 +
      Photographed by Rob Waterhouse, courtesy of the stock.xchng
 +
    </li>
 +
  </ul>
</div>
</div>
</html>
</html>

Revision as of 11:02, 16 September 2009

  • Alpha
    ALPHA
    Photographed by Dorota Mrowka, courtesy of the stock.xchng
  • Minie
    MINIE
    Photographed by José Antonio Assis, courtesy of the stock.xchng
  • Megan
    MEGAN
    Photographed by Rob Waterhouse, courtesy of the stock.xchng
  • Nancy
    NANCY
    Photographed by Philip Keller, courtesy of the stock.xchng
  • Missy
    MISSY & PANDA
    Photographed by Kat Shurtz, courtesy of the stock.xchng
  • Stray pup
    STRAY PUP
    Photographed by Bethan Hazell, courtesy of the stock.xchng
  • Rolo
    ROLO
    Photographed by Paul Leach, courtesy of the stock.xchng
  • Gigio
    GIGIO
    Photographed by Davide Guglielmo, courtesy of the stock.xchng
  • Westy pup
    WESTY PUP
    Photographed by Rob Waterhouse, courtesy of the stock.xchng
  • Giga Byte
    GIGA BYTE
    Photographed by Jefras, courtesy of the stock.xchng
  • Puppy
    PUPPY
    Photographed by Clodiney Cruz, courtesy of the stock.xchng
  • Buffy
    BUFFY
    Photographed by Rob Waterhouse, courtesy of the stock.xchng

Retrieved from "http://2009.igem.org/Team:Imperial_College_London/Resources/Photo_Gallery"