untergeordnete Liste ausklappen

[apsel]

Om nah hoo pez nyeetz,

ich habe eine Liste, bei der ich mithilfe von :hover untergeordnete Listen ausklappen möchte.

Problem: mit :hover klappt es so wie es soll, mit :focus nicht.

#schnellzugriff a:hover, #schnellzugriff a:focus  
{  color:				#aa0022;  
}  

~~~ wird korrekt ausgeführt  
  
~~~css
#schnellzugriff ul li:hover ul  
{  left:				auto;  
   position:			relative;  
}  

~~~ wird korrekt ausgeführt  
  
~~~css
 #schnellzugriff ul li:focus ul  
{  left:				auto;  
   position:			relative;  
}  

~~~ wird nicht korrekt ausgeführt  
  
  
Woran könnte das liegen? getestet in FF3.6 IE8  
  
  
  
Matthias

-- 
![](http://www.billiger-im-urlaub.de/kreis_sw.gif)

[apsel]

Om nah hoo pez nyeetz, apsel!

Link vergessen? - Link vergessen.

Listenproblemseite

Matthias

[Beat]

Problem: mit :hover klappt es so wie es soll, mit :focus nicht.
Woran könnte das liegen? getestet in FF3.6 IE8

Dein focus Problem lässt sich einfach darstellen

<ul>  
  <li>  
   <a>Link</a>  
  </li>  
</ul>  

Von sich aus ist nur a focus-fähig
Mittels tabindex erhalten andere Elemente auch die Fokusmöglichkeit.
Aber das nützt dir nichts, weil:

• Wenn der Link den Focus hat,
• ist kein Focus auf dem <li>
• geschweige denn, dem <ul> Element.

Abhilfe gibt es da nur mit JS, und Dropdown-Menus sind zum Fokusieren ein bekanntes Problem.

mfg Beat