css - wie spreche ich von einem aktiven untermenupunkt den entspr. hauptmenupunkt an?

  • hallo,
    ich habe ein problem bei meinem menu auf folgender webseite:
    http://whitefoxfx.com/
    ich arbeite (erstmals) da auf wordpress, das menu ist das standart-wordpress menu welches ich mittels css nach meinen bedürfnissen gestaltet habe.

    wenn man allerdings in einem untermenu eine seite anwählt, wird der entsprechende punkt eingefärbt, der dazugehörige hauptmenu-punkt soll allerdings auch weiterhin aktiv erscheinen. und das krieg ich irgendwie nicht hin.

    hat jemand eine idee, wie ich vom untermenu den dazugehörigen hauptmenupunkt anspreche?

    mein css zum menu sieht folgendermaßen aus (sorry, ist noch etwas kraut-und-rüben:)

    ul#menu-hauptmenu.menu {
    position:absolute;
    top:142px;
    left:240px;
    font-family: Verdana, Tahoma, Geneva, sans-serif;
    color:#9f9f9f;
    font-weight:none;
    text-transform:uppercase;
    font-size:1.2em;
    line-height:0.95em;
    }
    ul.sub-menu {
    position:absolute;
    display:inline;
    left:220px;
    text-align: right;
    font-size:0.9em;
    text-transform:none;
    width: 480px;
    visibility:hidden;
    }
    ul.sub-menu li {
    display:inline;
    padding:0 20px;
    }
    ul#menu-hauptmenu.menu li:hover>ul.sub-menu {
    visibility:visible;
    }
    ul#menu-hauptmenu.menu li.current-menu-item a {
    visibility:visible;
    }

    ul#menu-hauptmenu.menu .page_item a:hover,
    ul#menu-hauptmenu.menu .page_item.current_page_item a,
    ul#menu-hauptmenu.menu .page_item.current_page_item a:link {
    color:#920009;
    }
    ul#menu-hauptmenu.menu li.page_item.current_page_item ul a {
    color:#9f9f9f!important;
    }
    ul#menu-hauptmenu.menu li.page_item.current_page_item ul a:hover {
    color:#920006!important;
    }
    ul.sub-menu li.current-page-ancestor a {
    color:#920006!important;
    }
    li.current-page-parent a {
    visibility:visible;
    }

    wenn jemand rat weiß, immer her damit, hab inzwischen einen riesen-knoten im kopf und komm nicht weiter...
    gruß,
    krischan

  • a:after {´
    content:"Link1, Link2;
    color: ...;
    }

    mit :after erzeugst du Wörter bzw in diesem Falle (a:after) Links, welche nach einem anderen Link angezeigt werden sollen. Damit müsste die Farbe des ersten Links glaub ich bleiben und die des anderen aktiven kannst du auch einfärben.
    Weiß aber nicht ob es funktioniert, wäre eine Vermutung ^^

  • hover ist mouseover
    Hat also mit der Beständigkeit der Farbe bei eigentlicher "Inaktivität" nichts zu tun ^^


    so gehts:
    ul#menu-hauptmenu.menu .current_page_ancestor > a {
    color:#91484B;
    }

    Wie jetzt? Du wolltest doch den den Hovereffekt anwenden.

    Hier mal ein Beispiel. Vielleicht mißverstehen wir uns ja.
    http://www.gipspferd.de/css/anleitung/a20/a20.php#acht

    Einmal editiert, zuletzt von djheke (23. März 2012 um 09:37)