HTML Imagen encima de tabla

[andy98]

Hola, soy novato y no se si es posible hacer lo que os pido.

Tengo una tabla html con imagenes en las celdas y deseo poner una tabla o div encima y en el centro de la tabla para informar de algo más un enlace justo en el elemento que ponga delante de la tabla para reiniciar todo al decir reiniciar pues para cargar de nuevo imagenes y quitar esta tabla de delante de la de abajo.

Alguien me puede orientar, Gracias.

(Nota: El titulo no es correcto. Es tabla encima de otra la de abajo tiene imagenes y la que esta encima tiene un mensaje + un enlace para reiniciar todo.

[popobcn]

Necesitaras jugar con un atributo muy chuli y divertido llamado: position. para sobreponer un DIV o incluso otra tabla por delante de la que contiene las imagenes...

Para que puedas ir jugando, rápidin y sin muchas historias, aqui un ejemplo:

Código HTML:

<table width="250" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td height="50">&nbsp;</td>
    <td height="50">&nbsp;</td>
    <td height="50">&nbsp;</td>
    <td height="50">&nbsp;</td>
    <td height="50">&nbsp;</td>
  </tr>
  <tr>
    <td height="50">&nbsp;</td>
    <td height="50">&nbsp;</td>
    <td height="50">&nbsp;</td>
    <td height="50">&nbsp;</td>
    <td height="50">&nbsp;</td>
  </tr>
  <tr>
    <td height="50">&nbsp;</td>
    <td height="50">&nbsp;</td>
    <td height="50">&nbsp;</td>
    <td height="50">&nbsp;</td>
    <td height="50">&nbsp;</td>
  </tr>
  <tr>
    <td height="50">&nbsp;</td>
    <td height="50">&nbsp;</td>
    <td height="50">&nbsp;</td>
    <td height="50">&nbsp;</td>
    <td height="50">&nbsp;</td>
  </tr>
</table>
<div style="position:absolute; padding:5px; left: 48px; top: 85px; width: 170px; height: 42px; background-color: #000033; color: #FFF; border: 1px none #000000;">Hola soy un contenido cualquiera</div> 

Para jugar con el refresco y carga de las imagenes, ya tendrás que jugar un poco con js - jquery por ejemplo - y listos.

Saludines