Foros del Web » Creando para Internet » CSS »

Capas dentro de Tablas

Estas en el tema de Capas dentro de Tablas en el foro de CSS en Foros del Web. Hola, estoy tratando de crear una tabla dinámica con .net (aunque da lo mismo el lenguaje porque es HTML + CSS) creando efecto de diapositiva. ...
  #1 (permalink)  
Antiguo 21/01/2013, 03:54
 
Fecha de Ingreso: enero-2013
Mensajes: 7
Antigüedad: 11 años, 10 meses
Puntos: 0
Capas dentro de Tablas

Hola, estoy tratando de crear una tabla dinámica con .net (aunque da lo mismo el lenguaje porque es HTML + CSS) creando efecto de diapositiva. En cada celda aparecerá de fondo una foto de una diapositiva y sobre esta una foto de un objeto con una etiqueta.
Haciendo varias pruebas lo he conseguido con este código:
<table>
<tr>
<td>
<img src="Imagenes/Diapositiva.png" style="width: 150px; height: 173px;" />
<div>
<img src="Catalogo/M1/M1-FotoP.jpg" alt="" title="" style="position:relative;left:-2px; top:-167px; width: 120px; height: 120px;" />
</div>
<div style="position:relative;left:0px;top:-167px">M1<br />Nebulosa</div>
</td>
</tr>
</table>

El problema es que cuando meto otra fila (<tr>) sale con mucha separación respecto de la anterior dejando mucho hueco vacio. ¿Alguna idea de como poder hacerlo?

Muchas gracias!!!!!
  #2 (permalink)  
Antiguo 21/01/2013, 08:40
 
Fecha de Ingreso: enero-2013
Mensajes: 7
Antigüedad: 11 años, 10 meses
Puntos: 0
Respuesta: Capas dentro de Tablas

Bueno, encontré una solución añadiendo otra capa contenedora a todos y haciendo su posición relativa:
<div style="position:relative">
<div>
<img src="Imagenes/Diapositiva.png" style="width: 150px; height: 180px;" />
</div>
<div>
<img src="Catalogo/M1/M1-FotoP.jpg" alt="" title="" style="position:absolute;left:10px; top:8px; width: 120px; height: 120px;" />
</div>
<div style="position:absolute;left:40px;top:128px">M1<b r />Nebulosa</div>
</div>
No se si es la mejor opción pero me vale.

Muchas gracias

Etiquetas: capas, html, imagenes, tabla, tablas
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 22:04.