Team:Georgia Tech/Template:slidercss

From 2012.igem.org

(Difference between revisions)
 
(20 intermediate revisions not shown)
Line 2: Line 2:
<script src="https://2012.igem.org/Team:Georgia_Tech/sliderjs?action=raw"></script>
<script src="https://2012.igem.org/Team:Georgia_Tech/sliderjs?action=raw"></script>
<style type="text/css">
<style type="text/css">
-
#sliderFrame {position:relative;width:970px;margin: 0 auto;} /*remove the
 
-
"margin:0 auto;" if you want to align the whole slider to the left side*/
+
#sliderFrame {
 +
    position:relative;
 +
    width:875px;
 +
}
 +
 
          
          
#slider {
#slider {
-
     width:800px;height:650px;/* Make it the same size as your images */
+
     width:875px;height:290px;/* Make it the same size as your images */
background:url(loading.gif) no-repeat 50% 50%;
background:url(loading.gif) no-repeat 50% 50%;
-
position:relative;
+
position:left;
-
margin:0 auto;/*make the image slider center-aligned */
+
}
}
#slider img {
#slider img {
Line 30: Line 32:
}
}
</style>
</style>
 +
<body>
<div id="sliderFrame">
<div id="sliderFrame">
<div id="slider">
<div id="slider">
             <a href="https://2012.igem.org/Team:Georgia_Tech/sandbox/Project">
             <a href="https://2012.igem.org/Team:Georgia_Tech/sandbox/Project">
-
                 <img src="https://static.igem.org/mediawiki/igem.org/4/4e/GTslider.project.jpg" alt=""/>
+
                 <img src="https://static.igem.org/mediawiki/2012/4/4e/GTslider.project.jpg" alt=""/>
             </a>
             </a>
             <a href=""https://2012.igem.org/Team:Georgia_Tech/Notebook/"">
             <a href=""https://2012.igem.org/Team:Georgia_Tech/Notebook/"">
-
                 <img src="https://static.igem.org/mediawiki/igem.org/2/24/GTslider.notebook.jpg" alt=""/>
+
                 <img src="https://static.igem.org/mediawiki/2012/2/24/GTslider.notebook.jpg" alt=""/>
             </a>
             </a>
             <a href="https://2012.igem.org/Team:Georgia_Tech/Modeling/">
             <a href="https://2012.igem.org/Team:Georgia_Tech/Modeling/">
-
                 <img src="https://static.igem.org/mediawiki/igem.org/5/5c/GTslider.modeling.jpg" alt=""/>
+
                 <img src="https://static.igem.org/mediawiki/2012/5/5c/GTslider.modeling.jpg" alt=""/>
             </a>
             </a>
             <a href="https://2012.igem.org/Team:Georgia_Tech/HumanPractices">
             <a href="https://2012.igem.org/Team:Georgia_Tech/HumanPractices">
-
                 <img src="https://static.igem.org/mediawiki/igem.org/9/9d/GTslider.humanpractices.jpg" alt=""/>
+
                 <img src="https://static.igem.org/mediawiki/2012/9/9d/GTslider.humanpractices.jpg" alt=""/>
             </a>
             </a>
             <a href="https://2012.igem.org/Team:Georgia_Tech/sandbox/Team">
             <a href="https://2012.igem.org/Team:Georgia_Tech/sandbox/Team">
-
                 <img src="" alt=""/>
+
                 <img src="https://static.igem.org/mediawiki/2012/a/a8/GTslider.team.jpg" alt=""/>
             </a>
             </a>
             <a href="https://2012.igem.org/Team:Georgia_Tech/Attributions">
             <a href="https://2012.igem.org/Team:Georgia_Tech/Attributions">
-
                 <img src="https://static.igem.org/mediawiki/igem.org/6/6f/GTslider.attributions.jpg" alt=""/>
+
                 <img src="https://static.igem.org/mediawiki/2012/6/6f/GTslider.attributions.jpg" alt=""/>
             </a>
             </a>
</div>
</div>
</div>
</div>
 +
</body>
</html>
</html>

Latest revision as of 19:52, 2 October 2012

Retrieved from "http://2012.igem.org/Team:Georgia_Tech/Template:slidercss"