Merkwürdiges Verhalten meines CSS definierten Menüs ...

  • kohoutek kohoutek
    R2-D2
    0 x
    72 Beiträge
    0 Hilfreiche Beiträge
    15. 09. 2004, 02:55

    Hi

    Ich habe für meine horizontale Navigation CSS Klassen definiert.

    Alles geht jetzt auch recht gut, bis auf den ACT Zustand.

    Zuvor muss ich erwähnen, dass mein horizontales Menü aus Bildern besteht. Jeder einzelne Menüpunkt hat ein Image.

    Demnach gibt es für jeden Menüpunkt folgende CSS Zuweisungen:

    Beispiel für einen Menüpunkt:

    [code:1:7113750d63]#navigation ul li a#tour {
    position: absolute;
    top: 0;
    left: 332px;
    width: 95px;
    background : url(../images/nav/tour.gif) top left no-repeat;
    }

    #navigation ul li a:hover#tour, ul li a:active#tour {background: url(../images/nav/h_tour.gif) top left no-repeat;}

    #navigation ul li a#tour_selected {
    position: absolute;
    top: 0;
    left: 332px;
    width: 95px;
    background: url(../images/nav/c_tour.gif) top left no-repeat;
    }[/code:1:7113750d63]

    Somit hat jeder einzelne Menüpunkt ein unterschiedliches Image für jeweils den NO, HOVER/ACTIVE und (ACT) Selected Zustand.

    Der Hover und Normal Zustand funktioniert auch korrekt.

    Was aber nicht funktionert ist der ACT Zustand.

    So dachte ich halt, dass (so wie bei den bekannten "you are here" CSS Menüs wie z.B. die Uberlinks oder auch die Listamatic CSS Menüs) dieser Zustand auch irgendwie reflektiert werden kann. Aber wie?

    In einer normalen HTML Seite würde ich jetzt für den ACT Zustand in mein Template einfach die ID "tour_selected" eintragen.

    Da dachte ich, dass ich das mit ATagParams machen könnte. Jedoch würde ich da ja jeden einzelnen Menüpunkt eintragen müssen, was aber sicherlich einfacher geht?

    Hier nochmal bildlich skizziert:

    Die Klasse für mein horizontales Menü lautet: "navigation"

    Die ID für den normal Zustand ist id="home" oder <a id="home" href="">

    Für den Hover Zustand gilt dasselbe.

    Für den ACT Zustand (Du befindest Dich auf dieser Seite)
    gilt nun die ID "home_selected" oder aber <a id="home_selected" href="">

    Dieses gilt für alle Menüpunkte der horizontalen Navigation.

    Aber, ich weiss nicht so recht, wie man nun die gesamten IDs zusammenfassen kann innerhalb typo3?

    Ich wäre unendlich dankbar für jede Hilfe, die ihr mir geben könnt. Danke.

    Hier ist mein Setup:

    [code:1:7113750d63]# Top Navigation:

    lib.navigation = HMENU
    lib.navigation.special = directory
    lib.navigation.special.value = 6
    lib.navigation.1 = TMENU
    lib.navigation.1.wrap = <ul> | </ul>
    lib.navigation.1.NO.beforeWrap = <li> |
    lib.navigation.1.NO.doNotShowLink = 1
    lib.navigation.1.NO.before.cObject = TEXT
    lib.navigation.1.NO.before.cObject.field = uid
    lib.navigation.1.NO.before.cObject.dataWrap = <a id="{field:subtitle}" href="index.php?id=|"><span class="hidden">
    lib.navigation.1.NO.after.cObject = TEXT
    lib.navigation.1.NO.after.cObject.field = title
    lib.navigation.1.NO.after.cObject.wrap = |</span></a>
    lib.navigation.1.NO.afterWrap = | </li>
    lib.navigation.1.ACT < lib.navigation.1.NO
    lib.navigation.1.ACT = 1[/code:1:7113750d63]


  • 1
  • 1