Jo Röhgenberg: Frage zum Wiki-Artikel „Kapitel9“

problematische Seite

Hallo Forum,

ich versuche gerade das angegebene Tutorial durchzuarbeiten und stoße bei Kapitel 9 auf das Problem, dass die Stylesheet-Angabe der eingebetteten Liste "li li { ... }" keinen Effekt zu haben scheint. Auch wenn der Eintrag von "li li" fehlt, zeigt die Seite bei mir, anders als im Tutorial beschrieben, keine Änderung bei den eingebetteten li-Einträgen.

Der Quelltext meiner HTML-Seite ist hier: http://pastebin.com/zLvTt7nM

Der Quelltext der css-datei hier: http://pastebin.com/sQnmR8Pb

Das Verhalten zeigte sich bei Firefox 50.1 und Chromium 55.0.2883.87 (64-bit)

Was mache ich falsch?

  1. problematische Seite

    Hallo

    Du hast keine in li eingebetteten li-Elemente.

    Nach "Möbel nach ihren Wünschen" wird das erste li-Element bereits wieder geschlossen.

    Nach deinen Vorstellungen darf es jedoch erst nach dem zweiten ul-Element wieder geschlossen werden.

    Ein Validator müsste den Quellcode auch als fehlerhaft anzeigen, da ein ul-Element nicht direkt nach einem übergeordneten ul-Element folgen darf.

    Gruss

    MrMurphy

    1. problematische Seite

      Hallo MrMurphy,

      vielen Dank für die prompte Hilfe! Genau das war's!

  2. problematische Seite

    Hallo

    Zitat:

            <ul>
                <li>Möbel nach ihren Wünschen</li>
                    <ul>
                        <li>Küchenmöbel</li>
                        <li>Regale und Schränke</li>
                        <li>Badezimmermöbel</li>
                    </ul>
                <li>Haustüren</li>
                <li>Gartenzäune</li>
                <li>Reparaturen</li>
            </ul>
    
    

    die Schachtelung der Listen ist nicht OK, es muss so aussehen:

            <ul>
                <li>Möbel nach ihren Wünschen         <!-- hier kein li -->
                    <ul>
                        <li>Küchenmöbel</li>
                        <li>Regale und Schränke</li>
                        <li>Badezimmermöbel</li>
                    </ul>
                 </li>                               <!-- dafür hier -->
                <li>Haustüren</li>
                <li>Gartenzäune</li>
                <li>Reparaturen</li>
            </ul>
    
    

    Die innere Liste ist Teil des äußeren li.

    Gruß
    Jürgen

  3. problematische Seite

    Hallo,

    Was mache ich falsch?

    Bist du sicher, an der richtigen Stelle zu gucken? Es gibt nur einen Bereich, wo die Liste verschachtelt ist.

    Gruß
    Kalk