Foros del Web » Creando para Internet » HTML »

Texto alterno con saltos de línea

Estas en el tema de Texto alterno con saltos de línea en el foro de HTML en Foros del Web. Saludos maestros, he aquí mi problema. He visto que se puede hacer que cuando alguien pasa el mouse sobre un area de una imágen aparece ...
  #1 (permalink)  
Antiguo 24/01/2011, 16:02
 
Fecha de Ingreso: enero-2002
Mensajes: 4.156
Antigüedad: 15 años, 10 meses
Puntos: 21
Texto alterno con saltos de línea

Saludos maestros, he aquí mi problema.

He visto que se puede hacer que cuando alguien pasa el mouse sobre un area de una imágen aparece un globito con un texto que puede ser multilínea, tal y como se muestra en la siguiente figura:



Me han dicho que se puede hacer con CSS pero la verdad no se como, ¿Alguien me podría hechar una ayudadita?

Agradezco desde ahora cualquier ayuda.

Saludos.
  #2 (permalink)  
Antiguo 24/01/2011, 17:42
Avatar de sanxuan  
Fecha de Ingreso: enero-2011
Ubicación: Gijón
Mensajes: 671
Antigüedad: 6 años, 11 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
  #3 (permalink)  
Antiguo 25/01/2011, 08:56
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: Texto alterno con saltos de línea

Hola:

Cita:
Iniciado por sanxuan Ver Mensaje
Siempre pensando en lo mismo. ¿Por qué les llaman globos?
Quizá por que no todo el mundo tiene tus conocimientos y tu inteligencia. Además ¿porqué llamarle div si no tiene que ser un div necesariamente?

Elalux, léete este artículo: Tooltips usando CSS.

Saludos.

  #4 (permalink)  
Antiguo 25/01/2011, 12:08
 
Fecha de Ingreso: enero-2002
Mensajes: 4.156
Antigüedad: 15 años, 10 meses
Puntos: 21
Respuesta: Texto alterno con saltos de línea

Muchas grácias maestros, voya a trabajr en ello.

Saludos.

Etiquetas: saltos
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 03:05.