5

Cómo utilizar en mi web la misma (o similar) caja de texto flotante que aparece cuando pasamos el mouse por encima de, por ejemplo, nuestras medallas.

Me refiero a esto:

introducir la descripción de la imagen aquí

He googleado bastante pero solo he dado con referencias a propiedades float de css por ejemplo.

Si me pudieran dar alguna referencia de cómo buscar, estaría muy agradecido, tal vez estoy buscando mal pues no sé con certeza si esto que busco se llama "caja flotante" o "caja de texto flotante".

2
  • ¿Te refieres a mostrar un "tooltip"?
    – Shaz
    Commented el 19 nov. 2016 a las 20:39
  • sii! gracias ahora aparecen mejores resultados en google :D Commented el 19 nov. 2016 a las 20:43

2 respuestas 2

5

Esto lo puedes realizar con el atributo title. Pasa por encima del texto para ver el título.

Ejemplo:

<p title="Título"> Aqui hay un título </p>

1
  • 1
    Esto era exactamente lo que buscaba, qué simple! Commented el 19 nov. 2016 a las 20:50
2

A lo que te refieres es una información relacionada al elemento.

Con el atributo title puedes relacionar con un texto la información que pertenece al elemento.

+ info sobre el atributo title en Mozilla Foundation

Te dejo algunos ejemplos como usar el atributo title:

<a href="#" title="Pincha me">Un link</a>
<p title="Este texto es muy importante">Un texto</p>
<button title="No te olvides rellenar el documento">Enviar Documento</button>

También puedes usar el plugin de jQuery UI para dar estilo al atributo title si lo deseas.

Ver demo

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.