Foros del Web » Creando para Internet » CSS »

se puede hacer esto con HTML y CSS?

Estas en el tema de se puede hacer esto con HTML y CSS? en el foro de CSS en Foros del Web. hola tengo una duda, estoy trabajando en la web de una clinica, pero me gustaria enriquecer el texto con algunas anotaciones o significados a terminos ...
  #1 (permalink)  
Antiguo 14/01/2011, 17:29
 
Fecha de Ingreso: enero-2011
Ubicación: guadalajara
Mensajes: 2
Antigüedad: 6 años, 10 meses
Puntos: 0
se puede hacer esto con HTML y CSS?

hola tengo una duda, estoy trabajando en la web de una clinica, pero me gustaria enriquecer el texto con algunas anotaciones o significados a terminos o palabras algo complicadas, estas estarian represenatadas por algun div que se asome cuando el cursor se coloque sobre la palabra, pero no tengo ni idea de como hacerlo dejo una imagen representativa que realice en photoshop...

Saludos y gracias

[URL=http://www.image-share.com/ijpg-468-142.html][IMG]http://www.image-share.com/upload/468/142.jpg[/IMG][/URL]
  #2 (permalink)  
Antiguo 14/01/2011, 20:32
Avatar de alexk
Colaborador
 
Fecha de Ingreso: julio-2009
Ubicación: De vuelta al trono
Mensajes: 1.697
Antigüedad: 8 años, 5 meses
Puntos: 137
Respuesta: se puede hacer esto con HTML y CSS?

si es posbile, mira este ejemplo y adaptalo a lo que necesitas
http://araudi.net/ejemplos/tooltipCSS.html
  #3 (permalink)  
Antiguo 14/01/2011, 22:58
 
Fecha de Ingreso: enero-2011
Ubicación: guadalajara
Mensajes: 2
Antigüedad: 6 años, 10 meses
Puntos: 0
Respuesta: se puede hacer esto con HTML y CSS?

Precisamente lo que estaba buscando, muchas gracias
  #4 (permalink)  
Antiguo 15/01/2011, 02:31
 
Fecha de Ingreso: noviembre-2010
Ubicación: valencia
Mensajes: 58
Antigüedad: 7 años, 1 mes
Puntos: 6
Respuesta: se puede hacer esto con HTML y CSS?

En [URL="http://www.ajaxshake.com/es/JS.html"]http://www.ajaxshake.com/es/JS.html[/URL] si buscas tooltips encontraras verdaderas maravillas.
  #5 (permalink)  
Antiguo 15/01/2011, 03:37
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 15 años, 9 meses
Puntos: 771
Hola zeeck

Muevo tu tema al foro de CSS desde Web general.

Saludos,
  #6 (permalink)  
Antiguo 15/01/2011, 12:56
Avatar de sanxuan  
Fecha de Ingreso: enero-2011
Ubicación: Gijón
Mensajes: 671
Antigüedad: 6 años, 11 meses
Puntos: 36
Respuesta: se puede hacer esto con HTML y CSS?

Y sólo con HTML. La etiqueta <abbr> define una abreviatura. Se muestra con un subrayado de trazos y cuando te sitúas sobre la palabra correspondiente aparece la definición que se especifique. Buscando abbr con Google encontrarás bastantes más detalles.
  #7 (permalink)  
Antiguo 15/01/2011, 19:01
 
Fecha de Ingreso: noviembre-2009
Mensajes: 846
Antigüedad: 8 años, 1 mes
Puntos: 34
Respuesta: se puede hacer esto con HTML y CSS?

Mucho mas facil que esa etiqueta especifica para las abreviaturas, la etiqueta <title> sirve para ello.
  #8 (permalink)  
Antiguo 16/01/2011, 06:46
Avatar de sanxuan  
Fecha de Ingreso: enero-2011
Ubicación: Gijón
Mensajes: 671
Antigüedad: 6 años, 11 meses
Puntos: 36
Respuesta: se puede hacer esto con HTML y CSS?

La única etiqueta <title> que conozco se usa en la cabecera para darle el título al documento. Este título es el que aparece en la solapa del navegador.
Existe un atributo title en algunas etiquetas que muestra un texto informativo emergente, lo que se conoce en inglés como "tooltip", pero no conozco ninguna manera de hacer esto en una palabra sin incluirla en otra etiqueta.
La solución con divs es perfectamente válida, pero añade más complejidad.
  #9 (permalink)  
Antiguo 16/01/2011, 08:20
 
Fecha de Ingreso: noviembre-2009
Mensajes: 846
Antigüedad: 8 años, 1 mes
Puntos: 34
Respuesta: se puede hacer esto con HTML y CSS?

Cierto, cierto! Me equivoque, quise decir atributo no etiqueta. Perdonadme.
Pues si es un enlace, en la etiqueta <a> lo puedes emplear, si no lo es puedes utilizar <span>.

Enlace:
Código HTML:
Ver original
  1. <a title="Click para ir" > Enlace </a>

Span:
Código HTML:
Ver original
  1. Los corredores <span title="procedentes de valladolid">vallisoletanos</span> ganaron la carrera.

Etiquetas: html
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

SíEste tema le ha gustado a 1 personas




La zona horaria es GMT -6. Ahora son las 22:28.