Hover-Effekt bei "active"-Schaltfläche deaktiviere

  • Hallo,

    Peinlich No.I : in der Suche finde ich nix. :roll:
    Peinlich No.II: ich wußte es mal und hab's vergessen. :oops:

    Ich habe in der CSS 3 verschiedene (selbstgemachte) Schaltflächen für Link, Hover und Active festgelegt. Nun will ich, dass der Hover-Effekt bei der Schaltfäche "active" (class="active") nicht auftritt.
    Kann Jemand 'nem Doofen (oder auch Korsakow-Kranken) helfen?
    Ein herzliches, dickes Danke vorab.

    LG, Mütze :wink:

    ..... und wo lassen Sie denken? :rolleyes:

  • Jetzt wärs jut, deinen Code zu kennen, dann findet man vielleicht ne elegantere Variante dass:

    Code
    a.active {
    color: red;
    }
    
    
    a.active:hover {
    color: red;
    }


    Also einfach dem hover dieselben Werte zuweisen, wie der Klasse :wink:
    Oder einfach eine leere :hover Anweisung

    Gruß,
    Jojo


  • Hallo,

    hier der relevate Teil des CSS-Codes:

    #navigation {
    background:#026698;
    border-right:1px solid #999;
    border-bottom: 1px solid #999;
    margin:0 auto;
    width:805px;
    height:30px;
    list-style:none;
    }
    #navigation li {
    border-left:1px solid #999;
    width: 160px;
    list-style:none;
    float: left;
    }
    #navigation a {
    color:#FFFFFF;
    font-weight: normal;
    display:block;
    line-height:30px;
    text-align:center;
    background: url(link.jpg);
    border-bottom: none;
    }
    #navigation a:hover {
    background: url(hover.jpg);
    color: black;
    border-bottom: none;

    }
    #navigation .active {
    background: url(active.jpg);
    color:#ffffff;
    }

    Sorry für den ellenlangen Thread.

    LG, Mütze :roll:

    ..... und wo lassen Sie denken? :rolleyes:

  • jetzt müsste man wissen wo dein navigation steht..

    ich tipp mal auf <a href=.... class="navigation"> oder ?

    dann ises
    #navigation:hover {...}
    #navigation:active {...}

    falls es ne ul is, dann a:active (oder li a:active)

  • da hast du dich verlesen, driver :wink:
    Mütze:
    Besser wäre, wenn du den Links in der Navigation eine eigene Klasse gibst, z.Bsp.

    Code
    <div id="navigation">
    [url='#']Link[/url]
    </div>


    Dann vergibst du im css den hover effekt nur für die Klasse navi.
    Somit bleiben links der Klasse active vom hover ausgeschlossen :wink:

    Gruß,
    Jojo,

    der gerade aufgewacht ist und nicht wieder einschlafen kann und dadurch morgen garantiert einen furchtbaren Tag hat.


  • Jau, :)

    war zwar etwas umständlich, von ID auf CLASS umzubauen, dafür funktioniert es.
    Vielen Dank an Euch.

    LG, Mütze

    ..... und wo lassen Sie denken? :rolleyes: