Frage zum Wiki-Artikel „Kapitel9“
Jo Röhgenberg
- frage zum wiki
- html
0 MrMurphy10 JürgenB0 Tabellenkalk
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?
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
Hallo MrMurphy,
vielen Dank für die prompte Hilfe! Genau das war's!
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
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