Eigner Cursor

  • Ich habe da ein kleine Problem ich habe eine html Datei mit iframes nun möchte ich das auf der ganzen Seite ein eigener Cursor ich habe in der html Datei verweis auf die css Datei

    <link href="template.css" rel="stylesheet">

    So weit so gut

    Die css selbst sieht so aus

    /* Firefox Cursor */

    body {cursor: url(Arrow.png), auto; }

    a {cursor:url(Hand.png),auto; }


    /* IE Cursor */

    body {cursor:url('http://www.xxxDateien/hand.ani');}

    a {cursor:url('http://www.xxxDateien/handhover.ani');}

    a:active {cursor:url('http://www.xxx-Dateien/handdown.ani');}


    leider wird der Cursor aber nur auf der Hintergrund Seite angezeigt nun dachte ich mir ok also die iframes müssen auch auf die css verweisen also auch dort <link href="template.css" rel="stylesheet"> eingefügt leider klappt dies trotzdem nicht ich kann ich nun auf der ganzen seite einen eigenen Cursor anzeigen ?

  • Ein Link zur deiner Seite , wo man das problem sehen kann , es wäre leichter das zu sehen und dann findet sich der Fehler meistens schnell.


    EDIT:

    Ich konnte dein problem nachstellen und verstehe jetzt was du meinst.

    Wenn du in den Iframe auch ein anderen Cursor haben willst, mußt du die Css in den Iframe selber auch ändern.

    Im iframe werden ja die css Werte aus den Iframe genommen.


    Wenn deine Iframes nix zum anklicken haben kannst du in der css ,den iframe pointer-evets:none geben und dann ist der cursor da genau so , doch dann kann man nix mehr anklicken im Iframe.


    Meine Lösung wäre das du die Css von Iframe auch den Cursor gibst ,nee andere möglichkeit finde ich nicht

  • Ok alle iframe mit der css ausgestattet klappt auch alles was aber nicht geht ist im Bereich unter den iframe da wir der normale Cursor angezeigt wo ist hier der Fehler ?



    <html> <body style="background-image:url(images/ganz.PNG)"> <link href="design.css" rel="stylesheet"> <head> <meta http-equiv="Content-Language" content="de"> <meta http-equiv="Content-Type" content="text/html; charset=windows-794"> <title>1</title> </head> <body> <div style="position: absolute; width: 239px; height: 81px; z-index: 3; left: 111px; top: 24px" id="Ebene3"> <iframe name="I1" src="zeit.html" frameborder="0" width="208" height="70"> </iframe></div> </div> "<div style="position: absolute; width: 100px; height: 100px; z-index: 2; left: 140px; top: 14px" id="Ebene2"> <font color="#808000">gründung vor</font></div> <div style="position: absolute; width: 912px; height: 43px; z-index: 4; left: 25px; top: 63px" id="Ebene4"> <iframe name="I2" src="menus/menu1/index.htm" frameborder="0" width="953" height="66"> </iframe></div> <div style="position: absolute; width: 609px; height: 61px; z-index: 5; left: 185px; top: 110px" id="Ebene5"> <iframe name="I3" src="menus/menu2/index.htm" frameborder="0" width="656" height="65"> </iframe></div> <p>&nbsp;</p> <p>&nbsp;</p> <p>&nbsp;</p> <div style="position: absolute; width: 67px; height: 68px; z-index: 6; left: 843px; top: 5px" id="Ebene6"> <iframe name="I4" src="menus/menu3/index.htm" frameborder="0" width="96" height="72"> </iframe></div> </body> </html>

  • Also jetzt versteht ich nix mehr mit iframe klappt es ohne nicht

    das klappt

    das nicht

  • Noch ne Frage bevor wir wieder zu der Cursor Frage kommen,

    Sie die Links , die du im iframe eingeben tust ,auf deiner Webseite, oder bzw hast du zugang zu den Code auf der Seite ?

    Falls nein , wirst du da auch keinen ( Legal ) anderen Cursor reinbekommen.

    Wenn du zugang hast und auf den Seiten den Cursor in html und oder body ändern kannst dann ist ja gut.

    Dann ,mach ersmal das was Sailor geschrieben hat weil so wie es jetzt ist hat es auch kein sinn.


    Wenn du meinst das dein Code richtig ist kannst du ihn hier testen

    https://validator.w3.org/


    Was da steht ist eigentlich richtig. Kenne keinen der das gegenteil behauptet. Von daher teste es da und dann meldest du dich wieder wenn es noch nicht gehen sollte

  • Ja die iframe sind meine :)


    ich habe jetzt das Grundgerüst genummen und die css eingefügtfehler werden mir keine gemeldet aber einen anderen Cursor habe ich immer noch nicht


  • he ? wo ist das iframe ?


    du must doch eigentlich nur das

    Code
    <style>
    body {cursor: url(Arrow.png), auto; }
    </style>

    in der Css eingeben wo du die <iframe></iframe> einbinden tust und in der Css von den iframe. Dann sollte das doch schon gehen

  • das geht immer noch nicht

  • wo ist der iframe ?

    ein leeres <body></body> bringt dir nix.Wo soll die Maus den was anzeigen ? Wenn nix zum anzeigen da ist funktioniert das auch nicht.

    Wenn du kein Inhalt hast dann gib den body height:100vh; und width:100vw;

    dann hast du sowas wie Inhalt und dein Mause Bild sollte auch angezeigt werden, wenn der Link stimmt.

    Wenn du das hast baust du dein iframe ein und gibst ihn auch den neuen cursor.

    Teste das erst mal. Ich habe gerade ein Beispiel gemacht und da klappt das alles .

  • ich wollte das jetzt schritt für Schritt machen also erst mal auf ner leeren Seite dann die iframe usw

    sprich wie bekomme ich das auf ne seite auf der nix is

  • jo.

    Da gibt es Editoren die dir den Code beim schreiben wohl schon mit den richtigen abstände einrücken tut.

    Dann gibt es auch noch Formatter die das auch noch einrücken.

    Zb hier nee Auswahl an tools https://www.tutorialspoint.com/online_dev_tools.htm


    Doch wegen Editoren und so müßen dir die anderen antworten. Ich mache es fast nur ohne und kann dir da keine großen Empfehlungen geben. Ich habe zwar Notpad++ ,aber da ich den so selten nutze weiß ich nicht mal was er alles kann.


    Ich weiß nur von ein der den auch nutzt ( ist ab und an auch hier in Forum ) und der schrieb mal das der wohl ganz in ordnung ist.

    Da er ahnung hat von der Materie , vertraue ich ihn da auch und empfehle dir den Notpad++ jetzt doch :)

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!