Pregunta: ¿Cómo mostrar una aclaración o la definición de una palabra técnica o extraña?
(Relacionado con la FAQ 11)
Respuesta: Utilizando este código, el cursor cambiará al pasar por encima de la palabra en cuestión y se mostará un "tooltip" con la aclaración
Con HTML Código PHP:
<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: Código PHP:
<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>