Zona HTML Zona Java Zona PHP Zona ASP Zona Bases de datos
Inicio > Foros > HTML > CSS para simular un link....que salga la mano por encima!
-Foros de debate

HTML
Lista de foros | Lista de mensajes de este foro

Privacidad: Recuerde que la información escrita en los foros de programación es 100% pública y que su ip será registrada asociada a su mensaje. Si encuentra un mensaje fuera de lugar, por favor, notifiquelo para su revisión y eliminación.

CSS para simular un link....que salga la mano por encima!
Enviado por bego el día 3 de febrero de 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

 
Re: CSS para simular un link....que salga la mano por encima!
Enviado por Caiman el día 4 de febrero de 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.

 
Re: Re: CSS para simular un link....que salga la mano por encima!
Enviado por Caiman el día 4 de febrero de 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>

 
Re: Re: Re: CSS para simular un link....que salga la mano por encima!
Enviado por bego el día 4 de febrero de 2006

Hola,

Muchisimas gracias por tu ayuda

Bego

 


Re: Re: CSS para simular un link....que salga la mano por encima!
Enviado por Caiman el día 4 de febrero de 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)

 



Tienda
Patrocinados
 

Copyright © 1999-2006 Programación en castellano. Todos los derechos reservados.
Formulario de Contacto - Datos legales - Publicidad

Hospedaje web y servidores dedicados linux por Ferca Network