Portada | Monotemáticos | Secciones | Desarrolladores | Comunidad | Servicios | Servicios profesionales | RSS
Desde 0 | HTML | CSS | ASP | PHP | AJAX | Javascript | Promoción de webs | Rentabilidad de webs
Directorio | Manuales | Scripts | FAQs | Programas | Artículos Copyleft | Actualidad | La Cosecha | Colabora
Registrarse | Vuestras páginas | Foros del web | Lista de correo | Boletín de novedades
Generador METAs | Compras | Busca cursos
Alojamiento | Dominios.es | Micropagos SMS | Buscadores | Patentes, marcas | Creación web | Multimedia | Videos
Desarrollo Freelance | Buscar proyectos | Buscar profesionales | Solicitar desarrollo

Enlaces que muestran explicación al poner el ratón encima

Quiero tener un enlace que, al pasar el ratón por encima, muestre una descripción de los contenidos que encontrará el usuario si lo pincha.

Tengo entendido que esto se tiene que hacer con DHTML.

La FAQ Enlaces que muestran explicación al poner el ratón encima tiene

Pertenece a la categoría:


 Respuesta de Sara Álvarez  28/7/05 
Para solucionarte tu duda te remito a un artículo de DesarrolloWeb, donde te viene un ejemplo de cómo hacer un enlace dinámico, que muestra una capa con explicaciones cuando se pasa el ratón por encima.

Visita Enlaces dinamicos en DHTML.

Este enlace también te lleva al Taller de Cross-Browser DHTML donde seguro encontraras más cosas interesantes relacionadas con DHTML.

Complementar la respuestaComplementar la respuesta
Volver al árbol de categoríasVolver al árbol de categorías

 Comentarios de los visitantes
Se muestran 2 comentarios revisados

 Comentario de Miguel Angel Alvarez
28/7/05 
También hay que decir que este tipo de enlaces que muestran explicaciones de su contenido se pueden hacer con HTML, con un método que no es tan complejo, aunque el resultado es un poco distinto. A lo mejor el tipo de enlace que deseas hacer es este:

Ponte encima del enlace.

Esto se consigue con un código como este:

<a href=# title="Este es el texto que aparece al posar el ratón sobre el enlace">Ponte encima del enlace</a>.


 Comentario de Leo Juszkiewicz
07/11/05 
El atributo "title" es el equivalente al "alt" que se coloca en las imágenes, pero, según tengo entendido, con navegadores como Mozilla Firefox, el atributo "alt" en las imágenes, no lo reconoce y debes poner el atributo "title" aún en las imágenes. Asi que puedes poner los 2 atributos en una imagen para que en distintos navegadores ocurra el mismo efecto.

 
FAQ relacionadas
  + Mostrar una dirección simple en la barra de direcciones
  + ¿Por qué aconsejan aprender HTML?
  + Enlaces para descarga de archivos
  + Listas con símbolos distintos de los habituales
  + Contenido de los META
  + Mezclar formas en los mapas de imágenes
  + Compatibilidad de Iframe en los distintos navegadores.
  + Alinear el contenido horizontal y verticalmente
  + Cambiar la descripción de las etiquetas META una vez publicadas
  + problemas con la inserción de un icono personalizado en mi web.
  + Descargar archivos automáticamente al entrar en una página
  + Indicar el asunto en los enlaces a email y formularios
  + Cómo insertar un contador de visitas
  + ¿Cómo puedo abrir y cerrar un popup?
  + Tabla HTML con borde simple en vez de doble
  + Cambiar color a los enlaces
  + Evitar que el navegador muestre archivos que pongo para descarga
  + Dirigir un enlace al frame deseado, en vez de a si mismo
  + Quiero hacer un enlace fuera de mi página.
  + Tengo un problema a la hora de implementar un scroll.
  + Ir a la página anterior al pulsar una imagen
  + ¿ 800X600 o 1024X768 ?
  + Evitar que se abran en el navegador los enlaces a archivos de descarga
  + Texto en movimiento con HTML
  + Enlaces a carpetas en lugar de archivos
  + Comas en lista de palabras clave
  + Editores de HTML
  + Mapa de imágenes con HTML
  + HTML en un correo
  + Tildes en tu página web
  + Cómo hacer un frame sin bordes
  + Ventajas e inconvenientes de los frames
  + Web Safe Colors
  + La etiqueta <BR>, no se tiene que cerrar?
  + Para que sirve en concreto la etiqueta <head>...</head>?
  + Enlaces a correos electrónicos de envío automático
  + Error típico en mapas de imágenes por #
  + Cambiar tipografía para toda la página
  + Centrar tabla
  + Poner enlaces en HTML de un color determinado
  + ...

Para ver más FAQ relacionadas accede a las categorías:

Complementar la respuestaComplementar la respuesta
Volver al árbol de categoríasVolver al árbol de categorías

DesarrolloWeb.com | Copyright | Anunciese | Acerca de | Datos legales | Contacta | Por GuiarteMultimedia