Axel Richter: Javascriptmenü mit verschachtelten Listen

Beitrag lesen

Hallo,

Deine Listen-Struktur im HTML stimmt nicht.
Warum sollte sie nicht? Hier einmal etwas sinnvoller eingerückt:

<ul id="nav">

<li><a href="#">Punkt1</a></li>
  <li><a href="#">Punkt2</a></li>
  <li>
    <ul>
      <li><a href="#" >Punkt2.1</a></li>
      <li>
        <ul>
          <li><a href="#" >Punkt2.1.1</a></li>
        </ul>
      </li>
    </ul>
  </li>
</ul>


>   
> Hierbei ist alles in Ordnung.  

Von der HTML-Verschachtelung her schon, aber von der Semantik her doch nicht. Der Punkt2.1 gehört doch wohl zum Punkt2 und nicht in einen eigenen Listenpunkt. Also doch eher so:  
  
~~~html
  
<ul id="nav">  
  <li><a href="#">Punkt1</a></li>  
  <li><a href="#">Punkt2</a>  
      <ul>  
        <li><a href="#" >Punkt2.1</a>  
            <ul>  
              <li><a href="#" >Punkt2.1.1</a></li>  
            </ul>  
        </li>  
      </ul>  
  </li>  
</ul>  

viele Grüße

Axel