Foros del Web » Creando para Internet » HTML »

Mensaje al pasar el ratón

Estas en el tema de Mensaje al pasar el ratón en el foro de HTML en Foros del Web. Quería saber como se hace para que al pasar el ratón por encima de un td (p.ej.) aparezca un mensaje tipo ALT en el puntero ...
  #1 (permalink)  
Antiguo 29/11/2002, 07:07
 
Fecha de Ingreso: julio-2002
Ubicación: Elche
Mensajes: 153
Antigüedad: 15 años, 5 meses
Puntos: 0
Mensaje al pasar el ratón

Quería saber como se hace para que al pasar el ratón por encima de un td (p.ej.) aparezca un mensaje tipo ALT en el puntero del ratón.

Muchas gracias y un saludo.
  #2 (permalink)  
Antiguo 29/11/2002, 09:36
Avatar de Linterns
Colaborador
 
Fecha de Ingreso: diciembre-2001
Mensajes: 2.799
Antigüedad: 16 años
Puntos: 11
Creo que esta te puede interesar

tooltip
__________________
Bien se puede recibir una puñalada sin adulación,
pero rara vez se recibe una adulación sin puñalada
** ***
  #3 (permalink)  
Antiguo 29/11/2002, 10:47
Avatar de t0m|ta  
Fecha de Ingreso: julio-2002
Ubicación: Madrid
Mensajes: 369
Antigüedad: 15 años, 4 meses
Puntos: 3
Aquí tienes lo mismo, pero con CSS, en este caso yo lo adapté para que funcionara como una ayuda, cambiando el cursor, pero puedes no cambiarlo

tooltip CSS:

Al pasar el cursor por encima de la palabra en cuestión, muestra el icono de ayuda (un símbolo de interrogación) y si dejas el cursor quieto muestra una aclaración sobre el término en cuestión. Probad.

Con HTML

Cita:
<html>
<head>
<title>info</title>
<style>
.info {
text-decoration:underline;
border-bottom: 1px dashed #00cc00;
cursor: help;
}
</style>

</head>

<body>
<span class="info" title="¿A que te mola mi nombre?">t0m|ta</span>
</body>
</html>

Con xthml:

Cita:
<html xmlns:sp>
<head>
<title> Custom tag example </title>
<style type="text/css">
sp\:info {
text-decoration:underline;
border-bottom: 1px dashed #00cc00;
cursor: help;
}
</style>
</head>
<body>
<p>1221 es un número<sp:info title="Un número que resulta exactamente igual si lo lees de derecha izquierda o de izquierda a derecha.">capicúa</sp:info>.</p>
</body>
</html>
Saludos
__________________
:ojotes: t0m|ta - IHQ :ojotes:
No tengo palabras
Instrucciones de andar por casa
  #4 (permalink)  
Antiguo 29/11/2002, 11:14
Avatar de ferny
Il capo della mafia
 
Fecha de Ingreso: febrero-2002
Ubicación: Al final del cable
Mensajes: 10.080
Antigüedad: 15 años, 9 meses
Puntos: 54
Creo que es más fácil

Me parece recordar que la sintaxis era algo así:

<etiqueta title="Texto que se muestra">Aquí lo que sea</etiqueta>

Por ejemplo:

<p title="HOLA">Hola</p>
<td title="Esto es una celda">Celda</td>
etc...
Al pasar el ratón sobre el elemento sale el title.
__________________
www.mundodivx.com || www.mundodivx.org

Pon tu mano en un horno caliente durante un minuto y te parecerá una hora.
Siéntate junto a una chica preciosa durante una hora y te parecerá un minuto.
Eso es la relatividad.
  #5 (permalink)  
Antiguo 29/11/2002, 12:24
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.547
Antigüedad: 15 años, 8 meses
Puntos: 1262
Hola DaneelR:

El atributo title (dentro de cualquier tag del body) es el que se debe usar para el efecto, incluso he comprobado (y aquí se ha discutido) que en las versiones más modernas de netscape (mozilla) no funciona el atributo alt, debiéndose usar "title"
incluso puedes usar title en las imágenes en vez de alt.

Saludos
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 11:13.