Navigation mit drop-down Menü

[Felix Riesterer]

Lieber knuth,

Der Punkt "Interessen" soll aufklappbar sein

das bedeutet, dass Du ihn in der HTML-Struktur auch den aufklappbaren Punkten überordnen solltest. Durch diese Hierarchie in HTML kannst Du dann in CSS einen sogenannten Nachfahren-Selektor verwenden. Da Du aber noch keine Hierarchie im HTML hast, bist Du noch gezwungen mit (relativ sinnfreien) IDs zu arbeiten

Quelltext:
<ul>

<li id="navi06"><a href="interessen.html">Interessen</a></li>

<li><a class="sub-menu" href="musik.html">Musik</a></li>
<li><a class="sub-menu" href="literatur.html">Literatur</a></li>
</ul>

Lieber so:

  
<ul>  
    <li class="aufklappbar"><a href="interessen.html">Interessen</a>  
        <ul>  
            <li><a href="musik.html">Musik</a></li>  
            <li><a href="literatur.html">Literatur</a></li>  
        <ul>  
    </li>  
</ul>

Da sich eine solche ul in einem Div mit der ID "navigation" befindet, solltest Du mit CSS nun keine echten Probleme mehr haben. Näheres zum nötigen CSS-Code findest Du hier: <http://de.selfhtml.org/css/layouts/navigationsleisten.htm#modern@title=CSS-Basierte Navigationsleisten>.

Liebe Grüße aus Ellwangen,

Felix Riesterer.