Verdammter CSS :hover Fehler ...

Es gibt 7 Antworten in diesem Thema. Der letzte Beitrag () ist von Samus Aran.

    Verdammter CSS :hover Fehler ...

    Hey,

    ich habe es schon vorhin mal kurz umschrieben, aber gerade funktioniert irgendwie der Hover-Effekt bei meiner Liste auf meiner Seite nicht. Ist das nur bei mir so, oder auch bei euch? Kann einer mal gucken und mir sagen, wo der Fehler ist ...

    Die Seite: Hier geht's lang
    PS: Und das Design ist noch nicht fertig ... X(

    Gruß, Marin

    Nunja. Das Problem ist, dass es schon da steht -.-

    CSS-Quellcode

    1. #container > #nav > ul > li a:hover{
    2. box-shadow: 0 0 10px rgba(0,0,0,.5);
    4. color: #090909;
    6. background: #e0ac00; /* Old browsers */
    7. background: -moz-linear-gradient(top, #e0ac00 0%, #d38f00 100%); /* FF3.6+ */
    8. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e0ac00), color-stop(100%,#d38f00)); /* Chrome,Safari4+ */
    9. background: -webkit-linear-gradient(top, #e0ac00 0%,#d38f00 100%); /* Chrome10+,Safari5.1+ */
    10. background: -o-linear-gradient(top, #e0ac00 0%,#d38f00 100%); /* Opera 11.10+ */
    11. background: -ms-linear-gradient(top, #e0ac00 0%,#d38f00 100%); /* IE10+ */
    12. background: linear-gradient(top, #e0ac00 0%,#d38f00 100%); /* W3C */
    13. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0ac00', endColorstr='#d38f00',GradientType=0 ); /* IE6-9 */
    14. }

    Quellcode

    1. #container > #nav > ul > li a{
    2. float: left;
    4. width: 180px;
    6. padding-top: 15px;
    7. padding-bottom: 15px;
    8. padding-left: 20px;
    10. text-shadow: 0 2px 0 rgba(0,0,0,.5);
    11. color: #fff;
    12. text-decoration: none;
    13. \}

    Den \ weg.

    Wieso nutzt du eig immer ">"?

    MFG