Duvida MxCursos
By: a guest | Mar 21st, 2010 | Syntax:
CSS | Size: 1.15 KB | Hits: 65 | Expires: Never
/*********Slider Show******************/
#slider {
width: 470px;
height:280px;
margin: 10px auto;
overflow: hidden;
clear: both;
position: relative;
z-index: 0;
}
a#prev-slide, a#next-slide{
position:absolute;
top:20%;
width:75px;
height:145px;
overflow:hidden;
margin-top:-25px;
z-index:9999;
}
a#next-slide{
right:10px;
background:url(imagens/imagenext.jpg) no-repeat 0 0;
}
a#prev-slide{
left:10px;
background:url(imagens/imageprev.jpg) no-repeat 0 0;
}
ul#sliderContent {
width: 466px;
position: absolute;
top: 0;
margin-left: 0;
}
l#sliderContent img{
padding:1px;
border:1px solid #CCC;
}
l#sliderContent li {
float: left;
position: relative;
display: none;
z-index: 0;
height:280px;
}
l#sliderContent li span {
position: absolute;
bottom:5px;
font: 10px Arial, Helvetica, sans-serif;
padding: 10px 5px;
width: 438px;
background-color: #000;
filter: alpha(opacity=70);
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
color: #fff;
display: none;
display: block;
}
ul#sliderContent li span strong {
font-size: 14px;
}