CSS para simular un link....que salga la mano por encima!

bego
04 de Febrero del 2006
Hola a todos,

Alguien me podría decir cómo puedo hacer un css que sirva para que al aplicarselo a un texto, éste parezca un link....que salga la mano por encima y se subraye al pulsarlo?

Muchas gracias
Bego

Caiman
04 de Febrero del 2006
<style type="text/css">
<!--
p { color:blue; text-decoration:underline; cursor:hand; }
-->
</style>

<html>
<body>
<p>Simulación de Enlace</p>
</body>
</html>

La propiedad cursor puede no funcionar con algunos cursores, por ejemplo el valor "hand" solo funciona bajo el IE tal y como la puse aquí, no estoy enterado si hay una forma de hacerlo funcionar en el mozilla especificamente en el 1.5 que es donde lo probe.


Caiman
04 de Febrero del 2006
Esta noche sigo sin dar la respuesta completa.
Te pongo los posibles valores que puede adoptar cursor:

* default (flecha)
* crosshair (cruz)
* e-resize (flecha que apunta a la derecha)
* hand (mano)
* help (signo de pregunta)
* move (cruz con flechas en los extremos)
* n-resize (flecha que apunta hacia arriba)
* ne-resize (flecha que apunta al noreste)
* nw-resize (flecha que apunta al noroeste)
* pointer (mano)
* s-resize (flecha que apunta hacia abajo)
* se-resize (flecha que apunta hacia el sudeste)
* sw-resize (flecha que apunta hacia el sudoeste)
* text (I-beam)
* w-resize (flecha que apunta a la izquierda)
* wait (reloj de arena)

Caiman
04 de Febrero del 2006
Perdona por la respuesta anterior, en lugar de usar "hand" usar "pointer" así jalara en IE y en exploradores basados en el netscape.

<style type="text/css">
<!--
p { color:blue; text-decoration:underline; cursor:pointer; }
-->
</style>

<html>
<body>
<p>Simulación de Enlace</p>
</body>
</html>

bego
04 de Febrero del 2006
Hola,

Muchisimas gracias por tu ayuda

Bego