Hola por acá, tengo un slideshow que tiene más o menos la siguiente estructura:
Código:
<< anterior texto con imagen siguiente >>
Todo dentro de un id llamado
slide:
Código HTML:
Ver original <a class="prev" href="#"><img class="slide-left" alt="featured title" src="http://localhost/sitio.com/images/slide-left.png"/></a> <!-- Texto con imagen -->
<a class="next" href="#"><img class="slide-right" alt="featured title" src="http://localhost/sitio.com/images/slide-right.png"/></a>
En el CSS tengo lo siguiente:
Código CSS:
Ver original#slide{
padding: 40px 30px 0;
color: #fff;
width: 900px;
overflow: hidden;
}
.slide-left{
float: left;
margin: 50px 92px 0 40px;
}
.slide-right{
float: right;
margin: 50px 40px 0 92px;
}
He tenido que usar
overflow: hidden en el id slide porque así es como único se me ven a la misma altura las imágenes que uso como flechitas para ir pasando los titulares por el slideshow, de lo contrario la derecha se ve unos pixels más abajo que la izquierda, pero en Opera se ve como si tuviese mucho más padding. Imagino que debo estar haciendo algo mal, y que el uso de overflow aquí tal vez sea innecesario, pero no tengo idea de que pueda ser.
Gracias mil de antemano