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
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.
<!--
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)
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>
<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
Muchisimas gracias por tu ayuda
Bego