Curseur modifié sous Firefox
alaintrt
Messages postés
24
Date d'inscription
Statut
Membre
-
notobe Messages postés 2222 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 ....
et pour visualiser : http://accesgeneral1.free.fr/ff.html
avec Firefox bien sur !!!
Merci a ceux qui pourront m' aider
Alain
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
Configuration: Windows XP Firefox 2.0
4 réponses
-
C'est surtout que le style doit être placé entre les balises head.
-
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.-
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
-
-
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-
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
-
-
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
