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!