css-Menu anstelle von onfocus?

gibt es in Typo3 eine Möglichkeit, ein rein css-gesteuertes Menu zu erstellen, so dass der User die Navigation mit der Tab-Taste bedienen kann? Mit onfocus ist das ja leider nicht möglich 🙁
Viele User sind motorisch eingeschränkt, nicht nur Behinderte, auch alte Leute...

danke für Ideen
uschi 🙂

na klar ist das möglich...

du musst nur ein Listenmenü bauen und das ganze als tmenu in dein template einbauen. innerhalb dieses menüsetups musst du lediglich den punkt "noblur=1" einfügen... damit die tabnavigation auch mit dem internetexplorer möglich ist. ausserdem sollte die aktuelle seite ja nicht verlinkt sein... das erreichst du mit "CUR.doNotLinkIt=1"... Hier fehlt jetzt noch der CSS Code und vollständig ist das hier nun auch nicht wirklich... sollte nur eine idee davon vermitteln, wie du es machen kannst...

<ul id="menu1">
       <li class="li-menu1">Menüpunkt 1
           <ul id="menu2">
                  <li class="li-menu2">Menüpunkt 1.1</li>
                  <li class="li-menu2">Menüpunkt 1.2</li>
           </ul>
       </li>
       <li class="li-menu1">Menüpunkt 2</li>
</ul>

mit z.B. folgendem setup kannst du das menü einbinden:

temp.Navigation = HMENU
temp.Navigation {
   1 = TMENU
   1 {
     wrap = <ul id="menu1">|</ul>
     noBlur = 1
     NO {
           wrapItemAndSub = <li>|</li>
           stdWrap = upper
           }
     ACT < .NO
     ACT.stdWrap.wrap = <div class="active" title="">|</div>
     CUR < .ACT
     CUR.stdWrap.wrap = <div class="active" title="Sie sind hier">|</div>
     CUR.doNotLinkIt = 1
     CUR = 1
     }
     2 < .1
     2.wrap = <ul id="menu2">|</ul>
     2.CUR.stdWrap.wrap = <div class="active2" title="Sie sind hier">|</div>
}

Hallo LineMan

Danke für deine Hilfe! 😃
ist es zwingend, ein Listenmenü zu bauen oder geht das auch mit Div's? ich hab nämlich alles mit Div's gelöst und wenn's damit auch ginge, müsste ich nicht alles umbauen 😉 (soll aber nicht heissen, dass ich zu faul dazu bin 😉)

hier mal mein Setup-Code:

### HAUPTMENÜ - SETUP #############################
temp.mainnav = HMENU
temp.mainnav.entryLevel = 1
temp.mainnav.special = directory
temp.mainnav.special.value = 11
# First level menu-object, textual
temp.mainnav.1 = TMENU
temp.mainnav.1 {
# Normal state properties
NO.allWrap = <div class="menu1-level1-no"> | </div>
NO.stdWrap.htmlSpecialChars = 1
# Enable active state and set properties:
ACT = 1
ACT.stdWrap.htmlSpecialChars = 1
ACT.allWrap = <div class="menu1-level1-act"> | </div>
}

### SECOND-LEVEL-MENU object, textual ######################
temp.mainnav.2 = TMENU
temp.mainnav.2 {
# Normal state properties
NO.allWrap = <div class="menu1-level2-no"> | </div>
NO.stdWrap.htmlSpecialChars = 1
# Enable active state and set properties:
ACT = 1
ACT.stdWrap.htmlSpecialChars = 1
ACT.allWrap = <div class="menu1-level2-act"> | </div>
}

Lieber Gruss, uschi

nö... das musst du schon selber wissen, ob du das mit listen machst oder nicht... es ist halt von der html struktur her sauberer, da ein menü ja nichts anderes ist, als eine liste... und auch unterseiten somit im quelltext klar definiert sind... somit also auch für textbrowser deutlich besser zu navigieren...

es ist einfach etwas sauberer und barrierefreier... (jaja... dieses schlagwort)

davon ab war ich auch zu faul meine bisherigen seiten mit solchen menüs auszustatten...

das noblur=1

sollte in deinem fall wahrscheinlich genügen, aber das musst du halt selber wissen ;-)

Hey, genial - jetzt ist's so wie ich wollte #giggle#

Viieelen Dank!

Mal wieder einen alten Tread aufleben lassen:

ich habe auch ein Problem mit einem css menü:

      <ul id="navlinks">
             <li class="litop"><a class="atop"Menüpunkt 1
                 <ul id="menu2">
                        <li><a class=isprant"Menüpunkt 1.1</li>
                        <li><a class=isprant"Menüpunkt 1.2</li>
                 </ul>
             </li>
             <li><a class=isprant"Menüpunkt 2</li>
      </ul>

wie man sieht übergebe ich einmal den die klasse navlinks, und litop, desweiteren muss das ATag mit der class="atop" versehen werden. Alles was nun darunter ist soll in normalen listen stehen, nur der ATag muss ein class="isprant" bekommen.

KAnn jemand helfen?

Danke Gruß
Thomas[/b]

thomasju schrieb

Mal wieder einen alten Tread aufleben lassen:

ich habe auch ein Problem mit einem css menü:
...

wie man sieht übergebe ich einmal den die klasse navlinks, und litop, desweiteren muss das ATag mit der class="atop" versehen werden. Alles was nun darunter ist soll in normalen listen stehen, nur der ATag muss ein class="isprant" bekommen.

KAnn jemand helfen?

Danke Gruß
Thomas[/b]

Jetzt erklär mir mal was das in diesem Thread und nochdazu im Bereich Barrierefreiheit zu suchen hat?
Das gehört ganz klar unter "Menus"!!!

Bei über 90 Posts sollte man das eigentlich schon wissen...