28172 sujets

CSS et mise en forme, CSS3

Salut,

Je n'arrive pas à faire apparaître un curseur personnalisé sur un lien, voici mon code :


<a class="toto" href="http://...">Lien</a>



a.toto
{
       cursor: url("image/curseur.ani");
}


Où est le problème ?
Merci
Salut,

Ta feuille de style est elle dans le même répertoire que ton fichier html ?
Si ce n'est pas le cas, il est normal que cela ne fonctionne pas, car une image appelée en css doit être appelée via son emplacement par rapport à la feuille de style.

Ainsi, si communément les fichiers css sont dans un sous répertoire style, et les images dans un sous répertoire image du répertoire racine ou se trouve le fichier html, il faut remonter d'un niveau dans la hiérarchie de dossiers pour redescende dans le bon répertoire.

Ton appel css sera donc :
a.toto 
{ 
       cursor: url("../image/curseur.ani"); 
} 
merci de ta réponse, mais je n'en suis pas à ce point non plus Smiley lol
mon chemin d'accès est le bon
Ben vu le peu d'informations que tu donne, je ne peux que tenter de deviner... Tu devrais peut être nous fournir une page en ligne, ça serait plus simple pour pas perdre du temps à chercher des choses vérifiables en 10 secondes avec une page en ligne. Smiley cligne
le curseur est un espèce de baguette magique, voila les codes en ligne
lien

peut être que le problème vient du fichier, pourtant c'est bien un curseur .ani à priori

merci
Bonjour,

Le seul format d'image compris par IE et les autres navigateurs est le .cur. Le format .ani n'est compris que par Internet Explorer. Les autres navigateurs supportent également les formats d'image classique, dont le PNG.

Ensuite, la syntaxe à utiliser pour la valeur est url(moncurseur.cur), type, où «type» est un mot-clé accepté par la propriété cursor.

Exemple:
a.toto {
  cursor: url(curseur.cur), pointer;
}


Source:
http://reference.sitepoint.com/css/cursor