Curseur modifié sous Firefox

alaintrt Messages postés 24 Statut Membre -  
notobe Messages postés 2222 Statut Membre -
Bonjour,
Je rencontre un problème sous Firefox, je ne parviens pas à modifier le curseur sur toute la page, mais seulement sur une zone que je nommerais "partie active"
Le code html et le script pour info ....
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<title>page Firefox</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

</head>

<body background="../utilitaires/fondnoir.gif">

<p> </p>

<p> </p>

<p align="center"><font color="#FF3333" size="6" face="Book Antiqua">page Firefox ou autres navigateurs</font></p>

<p align="center"> </p>

<div align="center">

  <style type="text/css"><!-- 

    body{cursor:url("pinceau.png"),auto;}

--></style>

<p> </p>

<p> </p>

<p align="left"> 

</body>

</html>

et pour visualiser : http://accesgeneral1.free.fr/ff.html
avec Firefox bien sur !!!

Merci a ceux qui pourront m' aider

Alain
A voir également:

4 réponses

Ssylvainsab Messages postés 2892 Statut Modérateur 825
 
C'est surtout que le style doit être placé entre les balises head.
1
Bips
 
Il me semble....Que le souci que tu rencontres est lié au fait que ta zone active correspond au "coprs" appelé "body" de ta page. Si tu remplis ta page de <br> ou mieux tu places un fond noir (image) ou je ne sais qu'elle astuce pour agrandir ta page, genre peut etre un tableau avec comme code :
<table height="100%"></table>

peut etre que ça marchera ? Une idée comme ça...Peut être que quelqu'un aura une meilleure réponse à te donner.

B.
0
alaintrt Messages postés 24 Statut Membre 2
 
Hello Bips !
Il me semble que ton idée de table n' est pas si loin de la solution; c 'est bien une histoire de zone active à définir comme etant la page de travail ou d' affichage. Avec la table, j' ai progressé et mon curseur est actif sur toute la page.
Sylvain a raison et le style etait à positionner dans le head.

Avec tout ça je progresse.....

Merci à vous

Alain
0
Ssylvainsab Messages postés 2892 Statut Modérateur 825
 
Plutôt que le tableau, essaye plutôt le sélecteur universel en CSS.
*{cursor:url('mon-curseur.ani')}

Ensuite, pour rétablir le curseur par défaut sur les liens (par exemple), tu peux faire :
a{cursor:auto}

Mais ?
C'est quoi ce ",auto" ??
Le je comprends que ca ne marche pas.
Mets plutôt un espace à la place de la virgule, ou essaye la solution que je t'ai proposée ;-)

a plus
0
L'Lay
 
Ne marche pas sur Firefox ni Chrome!
OK sous IE!

il semble que la propriété url() de cursor ne fonctionne que sur IE...

Sinon le faire en javascript, mais c lourd : http://webdesign.about.com/gi/o.htm?zi=1/XJ&zTi=1&sdn=webdesign&cdn=compute&tm=184&f=00&su=p284.9.336.ip_p504.1.336.ip_&tt=2&bt=1&bts=1&zu=http%3A//www.dynamicdrive.com/dynamicindex13/customcursor2.htm
0
notobe Messages postés 2222 Statut Membre 213
 
La bonne réponse revient à Sylvain. Les styles doivent être déclarés dans le <head></head>
Pour le reste, changer de curseur peut être déconcertant, voire déroutant pour les visiteurs. C'est à utiliser avec parcimonie.

L'Lay a raison aussi : le url() ne fonctionne pas avec FF.

Petites sections de test :
CSS 2 : http://www.mammouthland.net/parisweb2006/testscss2.html#curs
CSS 3 : http://www.mammouthland.net/parisweb2006/testscss3.html#curs
0