Grafik als Cursor einbinden

Für die wirklich Harten, die alles selber machen.

Moderator: Moderatoren

Grafik als Cursor einbinden

Beitragvon Dungeonwatcher » Do 11.Sep, 2008 10:47 • Beitrag als PDF

Moin! :cool:

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. ^6

Was mache ich hier falsch?

Bye
Benutzeravatar
Dungeonwatcher
User
User
 
Beiträge: 1048
Registriert: Sa 19.Feb, 2005 02:16
Wohnort: Berlin

Beitragvon oxpus » Do 11.Sep, 2008 15:31 • Beitrag als PDF

Die URL mal in einfachen Hochkommas setzen, sollte glaube ich helfen...
Karsten Ude
-={ Das Mädchen für alles }=-
Kein Support per ICQ, Email oder PN! Unaufgeforderte Nachrichten werden ignoriert!
No support per ICQ, Email or PM. Each unasked message will be ignored!
Benutzeravatar
oxpus
Administrator
Administrator
 
Beiträge: 28979
Registriert: Mo 27.Jan, 2003 23:13
Wohnort: Bad Wildungen

Beitragvon Dungeonwatcher » Do 11.Sep, 2008 16:39 • Beitrag als PDF

Hi! :cool:

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. ^6
Benutzeravatar
Dungeonwatcher
User
User
 
Beiträge: 1048
Registriert: Sa 19.Feb, 2005 02:16
Wohnort: Berlin

Beitragvon oxpus » Do 11.Sep, 2008 17:55 • Beitrag als PDF

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.
Karsten Ude
-={ Das Mädchen für alles }=-
Kein Support per ICQ, Email oder PN! Unaufgeforderte Nachrichten werden ignoriert!
No support per ICQ, Email or PM. Each unasked message will be ignored!
Benutzeravatar
oxpus
Administrator
Administrator
 
Beiträge: 28979
Registriert: Mo 27.Jan, 2003 23:13
Wohnort: Bad Wildungen

Beitragvon Dungeonwatcher » Do 11.Sep, 2008 18:22 • Beitrag als PDF

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
Benutzeravatar
Dungeonwatcher
User
User
 
Beiträge: 1048
Registriert: Sa 19.Feb, 2005 02:16
Wohnort: Berlin

Beitragvon oxpus » Fr 12.Sep, 2008 08:53 • Beitrag als PDF

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.
Karsten Ude
-={ Das Mädchen für alles }=-
Kein Support per ICQ, Email oder PN! Unaufgeforderte Nachrichten werden ignoriert!
No support per ICQ, Email or PM. Each unasked message will be ignored!
Benutzeravatar
oxpus
Administrator
Administrator
 
Beiträge: 28979
Registriert: Mo 27.Jan, 2003 23:13
Wohnort: Bad Wildungen

Beitragvon Dungeonwatcher » Sa 13.Sep, 2008 10:58 • Beitrag als PDF

Moin! :cool:

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. ^6

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
Benutzeravatar
Dungeonwatcher
User
User
 
Beiträge: 1048
Registriert: Sa 19.Feb, 2005 02:16
Wohnort: Berlin


Zurück zu Programmierung PHP/Ajax/CSS/HTML/Javascript

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 1 Gast