Foros del Web » Creando para Internet » HTML »

Problema con capas y blockquotes

Estas en el tema de Problema con capas y blockquotes en el foro de HTML en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 19/12/2002, 06:35
 
Fecha de Ingreso: julio-2002
Ubicación: Elche
Mensajes: 153
Antigüedad: 15 años, 5 meses
Puntos: 0
Problema con capas y blockquotes

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.
__________________
Hazlo o no lo hagas, pero nunca lo intentes

www.clubfronteniselche.com
  #2 (permalink)  
Antiguo 19/12/2002, 07:06
Avatar de KarlanKas
Moderador extraterrestre
 
Fecha de Ingreso: diciembre-2001
Ubicación: Madrid
Mensajes: 6.987
Antigüedad: 16 años
Puntos: 60
Si no he entendido mal lo que pretendes es hacer una capa que sea como una capa marco donde están otras capas con las imágenes "amontonadas". Y según le vas dando se van desplazando a la izquierda mostrando la siguiente, no? Y tu problema es que la imagen nunca se sale de el espacio de visión, no?

Bueno pues déjame mirarlo. Ahora te cuento!
__________________
Cómo escribir

No hay pregunta tonta, sino tonto que quiere seguir en la ignorancia.
  #3 (permalink)  
Antiguo 19/12/2002, 10:37
Avatar de KarlanKas
Moderador extraterrestre
 
Fecha de Ingreso: diciembre-2001
Ubicación: Madrid
Mensajes: 6.987
Antigüedad: 16 años
Puntos: 60
Por lo primero que he visto te faltaba poner el

position:absolute

en cada una de las fotos. El atributo absolute para position hace referencia a una posición absoluta en relación con el elemento que lo contiene. Así al blockquote lo contiene el DIV por lo que toma como coordenadas (0,0) la esquina superior izquierda de la capa.

Quieres que te ayude con el resto?
__________________
Cómo escribir

No hay pregunta tonta, sino tonto que quiere seguir en la ignorancia.
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 09:52.