Ver Mensaje Individual
  #2 (permalink)  
Antiguo 24/01/2011, 17:42
Avatar de sanxuan
sanxuan
 
Fecha de Ingreso: enero-2011
Ubicación: Gijón
Mensajes: 671
Antigüedad: 13 años, 3 meses
Puntos: 36
Respuesta: Texto alterno con saltos de línea

Siempre pensando en lo mismo. ¿Por qué les llaman globos?
Se llaman capas, técnicamente <div>. Supongamos que a su div lo llama <div id="TxtHover">.
Si no importa en qué parte de la imagen haya que ponerse para que aparezca, puedes usar
un selector #TxtHover:hover{}.
Si piensas que debería aparecer sólo cuando pases sobre alguna parte de tu imagen, la cosa se complica. Necesitasa usar un mapa de imágenes y definir las áreas que harán que se muestre esa capa. Es necesario saber lo que es la etiqueta <map> y <area>y el atributo "usemap" de <img>. Y por supuesto seguir usando la pseudoclase :hover.
Lo que hay que hacer es crear ese div con la información que desees. Defines para él la propiedad visibility:hidden para ocultarlo y a continuación usas la famosa pseudo-clase :hover y declaras dentro de ella visibility:visible. Eso hace que se muestre al pasar el puntero del ratón por encima del elemento correspondiente.

Última edición por sanxuan; 24/01/2011 a las 17:47