Tabla al pasar puntero sobre imagen (onmouseover)

[nanitoz]

Quisiera saber como puedo hacer para que me aparesca una tabla html encima de una imagen al "pasar el mouse" sobre ella...algo asi como un "onmouseover" pero que solo aparesca la tabla html y la imagen quede como estaba...

y que aparesca solo para el cuadradito de la imagen (tamaño)...para que al pasar el mouse sobre otra imagen tambien aparesca lo mismo pero con otra info :D



Esque no soy muy entendido de JavaScript no se si sera tambien con onmouseover xD!

[_cronos2]

Código HTML:

<table id='tabla' style='display:none;'>
<!-- [...] -->
</table>
<img src='img.gif' alt='imagen' onmouseover="document.getElementById('tabla').style.display = 'block';" onmouseout="document.getElementById('tabla').style.display = 'none';" />
 

Saludos (:

[nanitoz]

Hola gracias por la respuesta,la v erdad me funciona perfecto,pero quisiera tambien que me aparesca en la posicion donde está la imagen,no donde se pone la tabla en el documento...

estoy probando con CSS en la tabla...epero respuestas :)


Minutos mas tarde: Bueno por ahora me conformo con que poner la posicion de la tabla en absolute...pero si uds saben como hacer para que "flote" la tabla...bienvenido! :D

[Adler]

Hola

Con CSS es más sencillo

Código CSS:

div img {display:block;}
div table {display:none;}
div:hover img {display:none;}
div:hover table {display:block;}
 

Suerte