Menüs basierend auf CSS [Gelöst]

  • vitruvian vitruvian
    R2-D2
    0 x
    98 Beiträge
    0 Hilfreiche Beiträge
    13. 08. 2009, 18:44

    Habe gem. just2b's Howto mal das Menü (horizontal) in meine Testumgebung eingebaut.

    Erstmal großes Lob - so kompakt und valide muß man das erstmal hinbekommen.

    Funktioniert auch soweit alles wunderbar - in jedem Browser. Menü klappt aus...irgendwie verzweifle ich nur daran, dass ich den letzten Menüpunt nicht anders stylen kann? Trenne das über CSS

    #nav li li {
    width: 14em;
    border-bottom-width: thin;
    border-bottom-style: solid;
    border-bottom-color: #FFF;
    }

    mit einem Strich unter jedem Menüpunkt. Ich weiß das ich das mit dem letzten Eintrag über optionsplit lösen muß - bekomme es aber nicht hin...???

    [TS]temp.MAINNAVI = HMENU
    temp.MAINNAVI {
    special = list
    special.value = 8,83,6,4,113,145,120

    1 = TMENU
    1 {
    expAll = 1
    wrap = <ul id="nav">|</ul>
    noBlur = 1
    NO = 1
    NO.wrapItemAndSub = <li>|</li>
    IFSUB = 1
    IFSUB.wrapItemAndSub = <li class="menuparent">|</li>
    ACTIFSUB < .IFSUB
    }

    2 < .1
    2.wrap = <ul id="nav2">|</ul>
    noBlur = 1
    NO = 1
    NO.wrapItemAndSub = <li>|</li>

    3 < .2
    4 < .2
    }

    lib.MAINNAVI < temp.MAINNAVI[/TS]

    "nav2" damit ich das ausgeklappte Menü anders stylen kann...

    Kann mir jemand einen Anhaltspunkt geben? Optionsplit ist sonst nicht das Problem, aber irgendwie finde ich hier nicht den richtigen Einstiegspunkt...?

    Hier der Link:
    [url]http://rheosol.de/strauven.de/index.php?id=8[/url]


  • 1
  • Mopps Mopps
    Jedi-Ratsmitglied
    0 x
    867 Beiträge
    0 Hilfreiche Beiträge
    19. 08. 2009, 15:07

    [TS]wrap = |*||*| <li> | </li> || <li class="last"> | </li>
    [/TS]

    "nav2" damit ich das ausgeklappte Menü anders stylen kann...
    Dafür bräuchtest du die zusätzliche id nicht unbedingt.

  • vitruvian vitruvian
    R2-D2
    0 x
    98 Beiträge
    0 Hilfreiche Beiträge
    19. 08. 2009, 16:04

    Nicht? Ich dachte das wäre das Prinzip dieser Vererbung?

  • Mopps Mopps
    Jedi-Ratsmitglied
    0 x
    867 Beiträge
    0 Hilfreiche Beiträge
    19. 08. 2009, 16:28

    Du vergibst für eine ungeordnete Liste eine ID. Das hat nichts mit Vererbung zu tun. Wenn du folgendes hast:
    [HTML]<ul id="nav1">
    <li>
    <ul></ul>
    </li>
    </ul>
    [/HTML]
    dann kannst du über CSS die 2. Liste problemlos ansprechen über:
    [HTML]ul#nav1 li ul {
    }
    [/HTML]

  • 1