CSS-Validator und Listen-Navi

[Pedro]

Hallo,

ich habe die folgende Navigation mit Listen gebaut:

  
<ul id="NavId">  
  <li><a href="#">Business Context</a></li>  
  <li>  
     <ul>  
        <li><a href="#">Business Environment</a></li>  
 <li><a href="#">The Right Strategies</a></li>  
     </ul>  
  </li>  
  <li><a href="#">Management<br /> systems</a></li>  
  <li><a href="#">Stakeholder Consultation</a></li>  
</ul>  

Und wenn ich sie mit dem CSS-Validator(W3c) validieren lasse, dann erhalte ich z.B. folgende Fehlermeldung:

Line 58, column 25: document type does not allow element "li" here; missing one of "ul", "ol" start-tag

<li class="highlight"><img src="../images/icon_s.gif" width="12" height="15"

Hat jemand eine Idee, wie ich sowas vermeiden kann nud gleichzietig
diese Art von Navigation baue. (Die brauche ich, da ich mit XHTML die Seite codieren muss.)

Vielen dank.
Pedro

[Gunnar Bittersmann]

Und wenn ich sie mit dem CSS-Validator(W3c) validieren lasse, dann erhalte ich z.B. folgende Fehlermeldung:
Line 58, column 25: document type does not allow element "li" here; missing one of "ul", "ol" start-tag

Pedro,
Ich glaub nicht, dass der CSS-Validator solche Meldungen rausgibt. Meinst du vielleicht den HTML-Valdator?

Der von dir gezeigte Code hat keine Zeile 58 und auch keinen Fehler, zeig mal den ganzen.

Live long and prosper,
Gunnar

[Pedro]

Ich glaub nicht, dass der CSS-Validator solche Meldungen rausgibt. Meinst du vielleicht den HTML-Valdator?

Direkt nicht, aber der wird über den CSS-TopStlye-Editor aufgerufen.
Du hast Recht, das ist egentlich nicht der CSS-Validator sondern Html-
Validator.

Es hat sich aber erledigt, da ich den Fehler gefunden habe und zwar man darf innerhalb einer [code lang="html"]<ul><li></li></ul>[code] keinen Div platzieren.

Gruß
Pedro

[Gunnar Bittersmann]

Es hat sich aber erledigt, da ich den Fehler gefunden habe und zwar man darf innerhalb einer [code lang=html]<ul><li></li></ul>[code] keinen Div platzieren.

Doch. Kommt auf die Stelle an.

Live long and prosper,
Gunnar

PS. [code lang="html"] :-) Nicht vergessen, bei Attributwerten die Gänsefüßchen zu setzen! Nur hier nicht. ;-)

[Candid Dauth]

Heißa, Pedro,

<ul id="NavId">
  <li><a href="#">Business Context</a></li>
  <li>
     <ul>
        <li><a href="#">Business Environment</a></li>
<li><a href="#">The Right Strategies</a></li>
     </ul>
  </li>
  <li><a href="#">Management<br /> systems</a></li>
  <li><a href="#">Stakeholder Consultation</a></li>
</ul>

  
Nur so nebenbei, als Tipp: Normalerweise macht man für eine Unterliste keinen zusätzlichen Listenpunkt auf. Also:  
~~~html
  
<ul>  
  <li>Punkt 1<ul>  
    <li>Unterpunkt 1</li>  
    <li>Unterpunkt 2</li></ul></li>  
  <li>Punkt 2</li>  
</ul>  

Damit sparst du auch gleichzeitig etwas Code.

Gautera!
Grüße aus Biberach Riss,
Candid Dauth

[Ashura]

Hallo Candid.

Nur so nebenbei, als Tipp: Normalerweise macht man für eine Unterliste keinen zusätzlichen Listenpunkt auf.

Was sowieso vorzuziehen ist, da ein eigenständiger Listenpunkt für eine geschachtelte Liste diese Liste vom eigentlichen Elternpunkt separieren würde.
Da sie jedoch eindeutig zusammengehören, ist die von dir erwähnte Variante vorzuziehen.

Einen schönen Freitag noch.

Gruß, Ashura