Hola, dificil de explicar este problema es.
Lo que quiero conseguir es un sistema de navegación de fotos tipo diapositivas. Para ello mi idea era un bloque <div> en el cual anido otros bloques (he probado anidar <div> y <blockquotes>) donde van las fotos. Bien mi problema surge desde el primer momento que quiero mostrar una foto cada vez y desplazarla para que aparezca la siguiente y así. Yo había pensado en ponerlas una encima de otra y luego desplazarla para que se saliera del area visible, es decir de los márgenes del bloque principal, pero no consigo que las capas se solapen. ¿Se pueden poner posiciones absolutas a las capas que están anidadas dentro de otra?
Pongo el código CSS y HTML, aunque no sea de mucha ayuda después de esta penosa explicación, mis disculpas de antemano pero no se como explicarlo:
CSS:
#fotos
{
position : absolute;
top : 150px;
left : 200px;
width : 500px;
height : 250px;
overflow : hidden;
background : red;
display : inline;
}
#foto1
{
margin : 0px 0px 0px 0px;
width : 90px;
height : 83px;
display : inline;
}
#foto2
{
margin : 0px 0px 0px 0px;
width : 90px;
height : 83px;
display : inline;
}
HTML:
<div id="fotos">
<BLOCKQUOTE id="foto1">
<img src="foto1.png">
</BLOCKQUOTE>
<BLOCKQUOTE id="foto2">
<img src="foto2.png">
</BLOCKQUOTE>
</div>
Este HTML es de pruebas habrán 3 o 4 fotos como mucho y desde luego no en png.
Muchas gracias de antemano y un saludo.