se puede hacer esto con HTML y CSS?

[zeeck]

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]

[alexk]

si es posbile, mira este ejemplo y adaptalo a lo que necesitas
http://araudi.net/ejemplos/tooltipCSS.html

[zeeck]

Precisamente lo que estaba buscando, muchas gracias

[xalfox]

En [URL="http://www.ajaxshake.com/es/JS.html"]http://www.ajaxshake.com/es/JS.html[/URL] si buscas tooltips encontraras verdaderas maravillas.

[JavierB]

Hola zeeck

Muevo tu tema al foro de CSS desde Web general.

Saludos,

[sanxuan]

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.

[mariomon17]

Mucho mas facil que esa etiqueta especifica para las abreviaturas, la etiqueta <title> sirve para ello.

[sanxuan]

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.

[mariomon17]

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:

<a title="Click para ir" > Enlace </a>
 

Span:

Código HTML:

Los corredores <span title="procedentes de valladolid">vallisoletanos</span> ganaron la carrera.