Template:Team:Amsterdam/js-image-slider.css
From 2012.igem.org
(Difference between revisions)
(2 intermediate revisions not shown) | |||
Line 4: | Line 4: | ||
#sliderFrame {position:relative;width:700px;margin: 0 auto;} /*remove the "margin:0 auto;" if you want to align the whole slider to the left side*/ | #sliderFrame {position:relative;width:700px;margin: 0 auto;} /*remove the "margin:0 auto;" if you want to align the whole slider to the left side*/ | ||
- | |||
- | |||
#slider { | #slider { | ||
- | width: | + | width:544px;height:306px;/* Make it the same size as your images */ |
- | + | ||
position:relative; | position:relative; | ||
margin:0 auto;/*make the image slider center-aligned */ | margin:0 auto;/*make the image slider center-aligned */ | ||
Line 73: | Line 70: | ||
{ | { | ||
width:11px; height:11px; | width:11px; height:11px; | ||
- | |||
float:left;overflow:hidden;vertical-align:middle;cursor:pointer; | float:left;overflow:hidden;vertical-align:middle;cursor:pointer; | ||
margin-right:11px;/* distance between each bullet*/ | margin-right:11px;/* distance between each bullet*/ |
Latest revision as of 00:09, 27 September 2012