OXPUS.de

Moin!

Ich möchte auf meinen Webseiten einen eigenen Cursor als Grafik einbinden. Den OS eigenen Cursor zu verändern funktioniert mit diesem Eintrag in die CSS Datei z.B. problemlos:

Code: Alles auswählen

body {
    background: #2e2e2e;
    background-image: url(./images/bgred.gif);
    background-attachment: fixed;
    color: #e7e7e7;
    font: 12px Verdana,Arial,Helvetica,sans-serif;
    margin: 6px;
    padding: 0;
    cursor: pointer
}

Um einen eigenen Cursor als Grafik einzubinden habe ich in dies eingetragen:

Code: Alles auswählen

body {
    background: #2e2e2e;
    background-image: url(./images/bgred.gif);
    background-attachment: fixed;
    color: #e7e7e7;
    font: 12px Verdana,Arial,Helvetica,sans-serif;
    margin: 6px;
    padding: 0;
    cursor: url(./images/hand.gif)
}

Das funktioniert jedoch genauso wenig wie dies im Header der Webseite:

Code: Alles auswählen

<body style="cursor: url(./images/hand.gif);">

Der Pfad zur Grafik stimmt und aktuelle Browser wie IE7, FF 2.* bzw. SM 1.* können dies auch darstellen. Es ist auch völlig egal welches Grafikformat (gif, ani, cur) ich benutze.
Lt. access.log des Servers wird die Grafik auch garnicht geladen, aber einen 404er Fehler gibt es ebenfalls nicht.

Was mache ich hier falsch?

Bye

Die URL mal in einfachen Hochkommas setzen, sollte glaube ich helfen...

Hi!

Nee, das war's auch nicht. Das Problem scheint der Browser Cache gewesen zu sein, denn jetzt nach mehreren Stunden tut es auf einmal funktionieren.

Allerdings gibt es nun ein neues Problem. IE und FF interpretieren die Pfadangabe zur Grafik völlig unterschiedlich. FF und SM haben den korrekten Pfad:

.../forum/images/hand.gif

Der IE hingegen macht daraus:

.../images/hand.gif

und bekommt dafür ein 404.

IE und FF interpretieren die Pfadangabe zur Grafik völlig unterschiedlich.

Jein.
Die Pfadangabe im IE ist ebenfalls korrekt, wenn man alle Bedingungen Deines Forums untersucht, die für ihn Ausnahmen definieren!
Das kann in einer .htaccess ebenso wie in einer .css-Datei sein.

Hmm, das kann ich nicht nachvollziehen, denn ein

Code: Alles auswählen

background-image: url(./images/bgred.gif);

wird von IE und FF/SM identisch interpretiert und umgesetzt? Was ist daher hierbei anders:

Code: Alles auswählen

cursor: url(./images/hand.gif), default

Schaff doch einfach eine Weiche!
Mit

Code: Alles auswählen

<!--[if IE]>
<![endif]-->

oder

Code: Alles auswählen

<!--[if IE 6]>
<![endif]-->

oder

Code: Alles auswählen

<!--[if lt IE 7]>
<![endif]-->

(je nach IE-Version) stellst Du den Bereich für den IE dar.
Dieser muss dann zwangsweise nach den Anweisungen für die anderen Browser angebracht werden und dort definierst Du dann einfach den Pfad zur Cursor-Datei für den IE neu.
Beachte dabei, daß der IE .ani und .cur-Dateien für den Cursor verwenden kann, unter Linux aber nur .cur funktioniert.

Moin!

Hmm, funktioniert das auch in der CSS Datei oder muss ich dann mehrere CSS Dateien haben? Letzteres fällt auf jeden Fall aus.

Nachtrag:
Mittlerweile habe ich die Ursache für dieses Verhalten des IE wohl gefunden. Scheinbar ist es ein Bug beim interpretieren von externen CSS Dateien. Seltsam ist das es scheinbar nur den Parameter cursor betrifft.

Auf diversen Testseiten hierfür funktionierte zwar FF und Co aber der IE versagte fast immer kläglich.

Egal, ich finde mich damit und werde einen passenden Kommentar wieder den schrottigen IE auf mein Portal setzen.

Bye

OXPUS.de

Grafik als Cursor einbinden

Grafik als Cursor einbinden