Para esto utilizamos Javascript y CSS para lograr nuestro proposito.
Lo mismo sería con divs flotantes sólo que a los mismos hay que colocarles diferentes funciones javascript y su posición deberá ser absolute o relative dependiendo de lo que busquemos.
Para mostrar y ocultar un div debemos instanciar un div con un ID único y en el estilo incluir style=”display:none;” por ejemplo:
<div id=”flotante” style=”display:none;”> </div>
Luego debemos realizar dos funciones en javascript para mostrar y ocultar dicho div respectivamente.
<script>
function mostrardiv() {
div = document.getElementById(‘flotante’);
div.style.display = ”;
}
function cerrar() {
div = document.getElementById(‘flotante’);
div.style.display=’none’;
}
</script>
Una vez hecho esto, tenemos las funciones en javascript que mostrarán y ocultarán el div cuando el usuario haga click en una imagen o un texto con el link a la función, como en el siguiente ejemplo:
<div id=”mostrarDiv”><a href=”javascript
:mostrardiv();”>Mostrar Div</a></div>
<div id=”flotante” style=”display:none;”> Este es un div oculto <br><a href=”javascript
:cerrar();”> presiona aquí para cerrar</a> </div> Recuerda dentro del Div va tu Consulta
VER y recuerda que tienes que generar un Div dentro del ciclo para que esto funciones y cada Div deberá tener un nombre diferente el cual puede ser un numero auto incrementado. si necesitas mas ayuda san google puede ayudar bastante...