Fabian H.: Probleme mit :hover

Hi,
Ich habe ein kleines CSS-Problem. Ich möchte gerne allen Links mit der Klasse "menu" einen bestimmten Hovereffekt zuweisen. Mein erster Versuch war wie folgt:

.menu{
 color: white;
 text-decoration: none;
}

.menu:hover{
 color: grey;
 text-decoration: none;
}

Ich habe das getestet und mit Mozilla funktioniert das bestens, mit dem Internet Explorer ist aber gar nichts zu sehen...
Kann mir jemand sagen wo der Fehler ist, oder geht das gar nicht?

Gruss Fabian

  1. Hy

    Kann mir jemand sagen wo der Fehler ist, oder geht das gar nicht?

    Stell noch ein "a" vor die Klasse. Also a.menu:hover{...}
    Dann sollte es gehen.

    Noch etwas zum lesen:
    http://selfhtml.teamone.de/css/eigenschaften/pseudoformate.htm#link_visited_hover_active_focus

    Gruss
    David

    --
    Lach in die Welt und die Welt lacht zurück.
    1. Hi

      Stell noch ein "a" vor die Klasse. Also a.menu:hover{...}

      Hab ich gemacht, geändert hat sich aber nix ;) Mozilla geht immer noch, IE nicht...

      gruss Fabian

      1. Nochmals Hy :)

        Hab ich gemacht, geändert hat sich aber nix ;) Mozilla geht immer noch, IE nicht...

        Probiers mal mit:

        ------------------------------------------------------
        .menu:link{
          color: black;
          text-decoration: none;
         }

        .menu:visited{
          color: black;
          text-decoration: none;
         }

        .menu:hover{
          color: grey;
          text-decoration: underline;
         }
        -------------------------------------------------------

        also ohne einfach .menu{.... , ich glaube das übschreibt den rest ?!

        Gruss
        David

        --
        Lach in die Welt und die Welt lacht zurück.
        1. Hi!

          Ich habe mir den Thread nicht ganz durchgelesen, ich weiß also nicht, ob diese Antwort gegeben wurde...

          So müsste es jedoch funktionieren:

          .menu a{
                  /*Dein Stylesheet*/
                  }

          .menu a:hover{
                        /*Dein Stylesheet für alle Links der Klasse menu, bei OnMouseOver*/
                        }

          Grüße,

          Fabian St.

        2. Hi

          OMG ich könnte mich ohrfeigen... IE kennt wohl die Farbe grey nicht, mit red klappt es ohne Probleme... Ich steig jetzt mal auf die Hex-Schreibweise um :D

          Thx a lot

          Fabian

          1. Hi,

            OMG ich könnte mich ohrfeigen... IE kennt wohl die Farbe grey nicht, mit red klappt es ohne Probleme... Ich steig jetzt mal auf die Hex-Schreibweise

            um :D

            grey kennt er vermutlich genausowenig wie jellow, plue, grien oder ret.

            Der Farbname in CSS (und HTML) lautet gray (mit a, nicht mit e)

            cu,
            Andreas

            --
            MudGuard? Siehe http://www.Mud-Guard.de/
            Fachfragen per E-Mail halte ich für unverschämt und werde entsprechende E-Mails nicht beantworten. Für Fachfragen ist das Forum da.
            1. hallo andreas,

              m.E. ist grey sowie gray als englische schreibweise
              der farbe grau zulaessig. siehe http://dict.leo.org
              gruss,

              michael

              ss:) zu:) ls:& fo:) de:> va:) ch:? n4:& rl:? br:< js:| ie:% fl:{ mo:|

              1. Hi,

                m.E. ist grey sowie gray als englische schreibweise
                der farbe grau zulaessig. siehe http://dict.leo.org
                gruss,

                In der englischen Sprache ja. In CSS nein:

                http://www.w3.org/TR/REC-CSS2/syndata.html#value-def-color sagt:
                The list of keyword color names is: aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, and yellow.

                Da kommt grey NICHT vor.

                Der nächste Satz lautet: These 16 colors are defined in HTML 4.0 ([HTML40]).

                Und siehe da, HTML definiert auch genau diese Farben:
                http://www.w3.org/TR/html401/sgml/loosedtd.html#Color

                <!-- There are also 16 widely known color names with their sRGB values:

                Black  = #000000    Green  = #008000
                    Silver = #C0C0C0    Lime   = #00FF00
                    Gray   = #808080    Olive  = #808000
                    White  = #FFFFFF    Yellow = #FFFF00
                    Maroon = #800000    Navy   = #000080
                    Red    = #FF0000    Blue   = #0000FF
                    Purple = #800080    Teal   = #008080
                    Fuchsia= #FF00FF    Aqua   = #00FFFF
                 -->

                Da kommt grey ebenfalls nicht vor.

                cu,
                Andreas

                --
                MudGuard? Siehe http://www.Mud-Guard.de/
                Fachfragen per E-Mail halte ich für unverschämt und werde entsprechende E-Mails nicht beantworten. Für Fachfragen ist das Forum da.
                1. Howdy[1] Andreas,

                  m.E. ist grey sowie gray als englische schreibweise
                  der farbe grau zulaessig.
                  In der englischen Sprache ja. In CSS nein:

                  Was wohl daher kommt, dass grey britisches Englisch und gray amerikanisches Eglisch ist. Und wer hat's erfunden? Nee, nicht die Schweizer ;-))

                  [1] Nein, ich bin nicht schwanger ;-))

                  viele Grüße

                  Axel

                  1. Hy

                    Und wer hat's erfunden? Nee, nicht die Schweizer ;-))

                    Es geht ja auch um CSS nicht um Ricola :-)

                    Gruss aus der Schweiz...
                    David

                    --
                    Lach in die Welt und die Welt lacht zurück.
      2. habe d'ehre

        Stell noch ein "a" vor die Klasse. Also a.menu:hover{...}

        Hab ich gemacht, geändert hat sich aber nix ;) Mozilla geht immer noch, IE nicht...

        Dann liegt der Fehler an einer anderen Stelle. Der IE macht das richtig. Allerdings ist meine Glaskugel in der Reinigung. Ein Link auf die Seite waere fuer die Problemstellung hilfreich.

        man liest sich
        Wilhelm

  2. .menu{
    color: white;
    text-decoration: none;
    }

    .menu:hover{
    color: grey;
    text-decoration: none;
    }

    Hi,
    probier es mal anders rum ;-)
    Also:
    a.menu { ... }
    .
    .
    a:Hover.menu { }

    Sollte dann auch im IE passen

    Cheers Chris