zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Drop Down Menu: focus Problem

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 20.03.2007, 16:00
Pro CSS
neuer user
Thread-Ersteller
 
Registriert seit: 24.07.2006
Beiträge: 14
enoo befindet sich auf einem aufstrebenden Ast
Frage Drop Down Menu: focus Problem

Hallo,

ich habe schon die Suche und die FAQ benutzt, komme aber trotzdem nicht weiter...

Folgendes Menü
Code:
<ul id="menu">
      <li><a href="#">top1</a>
      <ul>
        <li><a href="#">sub1.1</a></li>
        <li><a href="#">sub1.2</a></li>
        <li><a href="#">sub1.3</a></li>
      </ul>
      </li>
      <li><a href="#">top2</a>
      <ul>
        <li><a href="#">sub2.1</a></li>
        <li><a href="#">sub2.2</a></li>
        <li><a href="#">sub2.3</a></li>
      </ul>
      </li>
      <li><a href="#">top3</a></li>
    </ul>
Meine CSS-Anweisungen

Code:
    #menu {
     float: left;
     margin-left: 100px;

    } 
    #menu li {
     float: left;
     position: relative;
     width: 100px;
    }
    #menu ul {
     display: none;
    }
    #menu li:hover ul, #menu li a:focus ul {
     display: block;
    }
    #menu li ul {
     position: absolute;
     width: 100px;
    }
Das Problem ist, dass beim Benutzen der Tabtaste nicht das Untermenü angezeigt wird.
#menu li a:focus ul sollte aber doch dazu führen.

PS: Mir geht's zunächst nur um den Firefox.

DANKE!
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 20.03.2007, 17:21
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.778
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Zitat:
Zitat von enoo Beitrag anzeigen
#menu li a:focus ul sollte aber doch dazu führen.
Nö. Das ul ist kein Nachfahre des a-Elements.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 20.03.2007, 18:13
Pro CSS
neuer user
Thread-Ersteller
 
Registriert seit: 24.07.2006
Beiträge: 14
enoo befindet sich auf einem aufstrebenden Ast
Standard

Ok, aber #menu li:focus ul klappt auch nicht.

Wenn das falsch war, wie ist es denn richtig?
Mit Zitat antworten
  #4 (permalink)  
Alt 20.03.2007, 18:31
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.856
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

Der Fokus liegt auf a, nicht auf li - es gibt kein li:focus.
Mit Zitat antworten
  #5 (permalink)  
Alt 20.03.2007, 18:35
Pro CSS
neuer user
Thread-Ersteller
 
Registriert seit: 24.07.2006
Beiträge: 14
enoo befindet sich auf einem aufstrebenden Ast
Standard

Ja, du hast natürlich recht.

Ich komme aber im Moment nicht auf die Anweisung, die nun richtig ist.

#menu li:focus ul
#menu li a:focus ul


> Das ist also beides falsch. Wie ist die richtige Anweisung?
Mit Zitat antworten
  #6 (permalink)  
Alt 20.03.2007, 18:38
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.856
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

Es gibt keine. Mit a geht es nicht, da es keine Blockelemente enthalten darf, und mit li geht es nicht, da es keinen focus bekommt. Ausschließlich li:hover geht.
Mit Zitat antworten
  #7 (permalink)  
Alt 20.03.2007, 18:45
Pro CSS
neuer user
Thread-Ersteller
 
Registriert seit: 24.07.2006
Beiträge: 14
enoo befindet sich auf einem aufstrebenden Ast
Standard

Danke, das ist mal 'ne klare Aussage.

Wenn ich also ein barrierefreies Menü haben will, kann es kein Drop-Down Menü sein wegen 9.4 BITV

Zitat:
Es ist eine mit der Tabulatortaste navigierbare, nachvollziehbare und schlüssige Reihenfolge von Hyperlinks-, Formularkontrollelementen und Objekten festzulegen.
Sehe ich das richtig?
Mit Zitat antworten
  #8 (permalink)  
Alt 20.03.2007, 18:49
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.778
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

a:focus+ul
Aber das bringt auch keine wirkliche Lösung.

Wenn du eine tab-bare Dropdown-Navi willst, dann kommst du um JavaScript nicht herum - mit entsprechender Fallback-Lösung.
In den FAQ ist eine solche Navigation verlinkt.
Und: ja, ich würde -- wenn immer es geht -- auf Dropdown-Navigationen verzichten.
Mit Zitat antworten
  #9 (permalink)  
Alt 20.03.2007, 18:51
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.856
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

Ja - es geht allenfalls mit JS.
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Css Menu Problem Rapidement CSS 11 16.06.2011 15:38
CSS Slide Down Menu Serpico CSS 4 27.04.2011 18:21
DHTML-Drop Down - Menü |Drop Down erst bei Click Scolex CSS 1 22.02.2011 18:05
Brauch hilfe Drop Down oder Pull Down ? nice-two CSS 6 12.03.2010 15:15
Ultimate Drop Down Menu Lestat Ressourcen 7 03.08.2005 17:21


Alle Zeitangaben in WEZ +2. Es ist jetzt 15:01 Uhr.