CSS DropDownMenü

[Freak Junior]

Hallo Leute,

komme bei einem Problem nicht mehr weiter. Ich habe ein CSS DropDownMenü im Einsatz welches die Untermenüpunkte via CSS Hover anzeigt. Jetzt möchte ich gerne den selben Effekt mit der Tastatur erreichen, also wenn man den Hauptmenüpunkt im Focus hat. Hab es jetzt wie folgt versucht:

li.menuparent:hover>ul,
a.menuparent:focus+ul.unli {display: block; }

HTML-Code:

<li class="menuparent">
<a href="#" class="menuparent"><span class="sectionheader">Produkte</span></a>
<ul class="unli">
<li>
<a href="index.php?page=produkt-1"><span>Produkte 1</span></a>
</li>
<li>
<a href="index.php?page=produkt-2"><span>Produkte 2</span></a>
</li>
<li>
<a href="index.php?page=produkt-3"><span>Produkte 3</span></a>
</li>
<li>
<a href="index.php?page=produkt-4"><span>Produkte 4</span></a>
</li></ul>
</li>

Ich hoffe Ihr könnt mir helfen. Wenn ich mit diesem CSS-Befehl den Hauptmenüpunkt im Focus habe öffnet er sich zwar, aber ich kann die Untermenüpunkte nicht antappen.

Liebe Grüße

Daniel

 

[djheke]

http://wiki.selfhtml.org/wiki/Artikel:Eine_zugängliche_Multilevel-Dropdown-Navigation

 

[Freak Junior]

Hallo djheke,

hatte vergessen zu erwähnen, dass das DropDown ohne Javascript funktionieren soll. Soll nämlich für Textbrowser funktionsfähig sein. Die meisten davon können leider kein Javascript, deswegen habe ich das DropDownMenü komplett in CSS umgesetzt. Ich hoffe du kannst mir helfen.

Gruß

Daniel

 

[djheke]

Welchen Textbrowser nutzt du, der auch css darstellt?

 

[Freak Junior]

Hallo djheke,

ich persönlich nutze keinen Textbrowser, aber ein Bekannter von mir. Er meinte das dieser auch CSS unterstütze. Es muss doch eine Möglichkeit geben das mit focus und/oder action zu realisieren. Also dass das Untermenü angezeigt wird und sich auch antappen lässt.

Gruß

Daniel