Individueller Cursor wird nicht angezeigt

[Eiblein]

Hallo zusammen,

ich fange gerade an mich mit HTLM (PHP) / CSS zu beschäftigen und habe als kleine Aufgabe versucht einen eigenen Cursor zu implementieren.

Leider wird er beim Mousover aber nicht angezeigt, dass CSS wird erkannt, da die eingetragene Fallbackoption (cell) angezeigt wird und nicht der Standard Cursor angezeigt wird (pointer).

Anbei der Code aus der CSS Datei:
/*Cursor für Instagramm*/

.curser1 {
cursor: url('Assets/Cursor/cursorinsta.jpg'), cell;
}

Außerdem der Code aus der HTML Datei:

<a class="cursor1" href="instagram/" target="_blank">Instagram</a>

Die Namen der Bilder etc. sind in Ordnung bzw. richtig geschrieben etc. und auch mit verschiedenen Dateien bekomme ich das nicht zum laufen, erkennt Ihr den Fehler?

Viele Grüße
Eiblein

 

[scatello]

Versuche es mal mit einer vollständigen URL, also https://www.expample.com/Assets/Cursor/cursorinsta.jpg

 

[Eiblein]

Leider kein Erfolg, das Ergebnis bleibt das gleiche (statt "Pointer" erscheint "Cell")

Code sieht jetzt halt wie folgt aus:

CSS

*Cursor für Instagramm*/
.cursor1 {
cursor: url('htps://ww.example.de/Assets/Cursor/cursorinsta.jpg'), cell;

HTML

<a class="cursor1" href="htps://ww.instagram.com" target="_blank">Instagram</a>

Weiß jemand ob es eine maximal bzw. minimal Größe/Pixel für Mauszeiger gibt? Ich habe dazu nichts Aussagekräftiges gefunden...

Viele Grüße!

 

[scatello]

Weiß jemand ob es eine maximal bzw. minimal Größe/Pixel für Mauszeiger gibt?

Wie groß ist denn die Grafik.

Ich habe dazu nichts Aussagekräftiges gefunden...

Merkwürdig. Wenn ich bei google "css cursor max size" eingebe, bekomme ich sofort die passende Antwort.

Cursor size: if the cursor image is over a certain size it will be ignored (in Gecko for example the limit is 128×128px). You should limit yourself about 32×32px anyway, for maximum compatibility with operating systems and platforms.

 

[Eiblein]

Hallo Scatello,

vielen Dank!

Damit hat es sofort geklappt!

Viele Grüße