Ver Mensaje Individual
  #18 (permalink)  
Antiguo 08/01/2006, 15:54
Jorolo
 
Fecha de Ingreso: octubre-2005
Mensajes: 536
Antigüedad: 18 años, 6 meses
Puntos: 1
hola de nuevo.

Dos cosas.

Supongo que no hace falta comentarlo, pero...
{cursor: url(), help;}
o
{ cursor: url('imagen-inexistente.formato-desconocido'), url(), help; } /* correjido */
También funcionan, por eso es obligatoria la palabra clave.



En FF y otros es posible gracias a CSS3 posicionar la imagen con las típicas coordenadas (x y)

Cread un archivo html con el siquiente código, sin añadir ni quitar nada.
Os recomiendo que useís la imagen del código: 'desarrolloweblogo.jpg', es la rana naranja del abatar de terrariomania.

Código HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" 
		"http://www.w3.org/TR/html4/strict.dtd">
<meta http-equiv='Content-Type' content='text/html; charset=UTF-8'> 
<title>Posicionando punteros</title>
<style type="text/css"> /* el borde es para acentuar el efecto */
p { border: solid red; }
 
#auto { cursor: url(desarrolloweblogo.jpg) 100 0, auto; }
#text { cursor: url(desarrolloweblogo.jpg) 0 100, text; }
#wait { cursor: url(desarrolloweblogo.jpg) 0 0, wait; }
#help { cursor: url(desarrolloweblogo.jpg) 100 100, help; }
</style>

<p id='auto'>auto - abajo a la izquierda</p>
<p id='text'>text - arriba a la derecha</p>
<p id='wait'>wait - abajo a la derecha</p>
<p id='help'>help - arriba a la izquierda</p> 

Última edición por Jorolo; 01/03/2006 a las 12:39 Razón: info erronea