Hola
Estoy usando un plugin de Jquery, slides, para mostrar un slider y quiero sobreexponer sobre las imagenes un texto.
El problema es que quiero usar un div para posicionar y dar algo de formato al texto pero no me deja asignarle un tamaño, siempre aparece con el tamaño maximo.
Este es el código del plugin:
Código:
$("#slides").slides({
play:4000,
pause:1500,
hoverPause:true
});
Este es el html del slider en cuestion:
Código HTML:
<div id="slcontainer">
<div id="slides">
<div class="slides_container">
<div id="sld1">
<div class="txtContainer">
<div class="txt">
<p>parrafo 1</p>
<p>parrafo 2</p>
</div>
</div>
</div>
.
.
.
<div id="sld5">
<div class="txtContainer">
<p>texto</p>
</div>
</div>
</div>
</div>
</div>
y éste el CSS
Código:
.slides_container {
width:900px;
height:300px;
position:relative;
top:0px;
margin:0px auto;
}
.slides_container div {
width:900px;
height:300px;
display:block;
position:relative;
}
#slcontainer{
text-align:center;
width:950px;
margin:auto;
}
.txtContainer{
position:relative;
padding-top:10px;
padding-left:1em;
text-align:right;
color:#FFF;
font-weight:bold;
width:400px;
height:200px;
}
.txt{
background:#00A400;
width:200px;
height:200px;
}
#sld1{
background:url("../img/design/vozRed.jpg") no-repeat;
background-size:900px 300px;
}
.txtContainer y .txt salen con el tamaño de 900 y 300, tapando el fondo del div del slider e impidiendo que pueda personalizar los formatos.
He probado con important y tampoco y no veo que pasa, no se si será algo del plugin o alguna tontería.
Si alguien me puede decir que pasa se lo agradecería mucho, si no pues me busco otro plugin o me lo hago a mano, que me tiene harto
Gracias