|
|||
Verschachtelte Listen mit Nummerierung
Verschachtelte Listen mit Nummerierung wie richtig?
Validation Output: 1 Error [Valid] Markup Validation of http://gabischatz.bplaced.net/scriptly/hilfe/installation/ - W3C Markup Validator Line 253, Column 19: Element ol not allowed as child of element ol in this context. (Suppressing further errors from this subtree.) <ol class="ebene2"> Line 253, Column 19: Element ol not allowed as child of element ul in this context. (Suppressing further errors from this subtree.) Line 253, Column 19: Element ul not allowed as child of element ol in this context. (Suppressing further errors from this subtree.) HTML-Code:
<style> ol.ebene1 { counter-reset:listenpunkt_ebene1; list-style-type:none; } ol.ebene1 li:before { content: counter(listenpunkt_ebene1) ". "; counter-increment:listenpunkt_ebene1; } ol.ebene2 { counter-reset:listenpunkt_ebene2; list-style-type:none; } ol.ebene2 li:before { content: counter(listenpunkt_ebene1)"."counter(listenpunkt_ebene2,decimal) ". "; counter-increment:listenpunkt_ebene2; } </style> <ol class="ebene1"> <li>Ebene 1 <ol class="ebene2"> <li>Unterpunkt 1</li> <li>Unterpunkt 2</li> <li>Unterpunkt 3</li> <li>Unterpunkt 4</li> <li>Unterpunkt 5</li> </ol> </li> <li>Ebene 2 <ol class="ebene2"> <li>Unterpunkt 1</li> <li>Unterpunkt 2</li> <li>Unterpunkt 3</li> </ol> </li> <li>Ebene 3 <ol class="ebene2"> <li>Unterpunkt 1</li> <li>Unterpunkt 2</li> </ol> </li> </ol> 4. Update-Version Grüße Geändert von gabischatz (05.01.2014 um 18:11 Uhr) Grund: Falschen Knopf erwischt |
Sponsored Links |
|
|||
Ich verstehe nicht, worüber du reden willst.
Warum du einen HTML-Fehler hast? Weil ein ol-Element nicht Kind eines anderen ol-Elements sein darf. Zitat:
Bitte denk immer daran, dass niemand hier weiß, was du eigentlich erreichen willst.
__________________
Corina Rudel Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken |
Sponsored Links |
|
|||
Zitat:
Egal wie ich es versuche ul in ol oder ol in ul usw. immer bekomme ich eine Fehlermeldung. wie du im oberen Post sehen kannst. Im übrigen ist in Selfhtml genau so ein Beispiel abgebildet. Und warum soll eine Nummerierte Liste nicht in einer Nummerierte Liste erstellt werden? Den letzten Satz Zitat:
Grüße |
|
|||
Zitat:
Das Kennzeichen einer verschachtelten Liste ist doch, dass die Liste der zweiten Ebene in einen Listenpunkt der ersten Ebene hineingeschachtelt ist. Code:
<ol> <li> <ol> <li></li> </ol> </li> </ol> Wenn du die li-Schlusstags weglässt, dann macht der Browser von selbst die richtige Struktur daraus.
__________________
Corina Rudel Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken |
|
|||
Scriptly: Installation | Bad Langensalza
HTML-Code:
<ol class="ebene1"> <li> <h3 id="Zip" style="display: inline;">ZIP-Version</h3> Die Compact-Version (ZIP) ist für die Installation auf einen USB-Stick geeignet und steht erfahrenen Nutzern zur |
|
||||
Ich habe das Gefühl, dass DU die einzige Person bist, die weiß worüber sie redet.
In keinem Post in diesem Thread wird das H3 erwähnt. Denken, dann posten.
__________________
Hier ein immer gültiges Statement: Überarbeite deine Code, lerne die Grundlagen, widersprich mir nicht, wehre dich nicht, ich habe Recht, wir sind Lolgion, wir sind viele.. potato... All meine Angaben sind ohne Gewähr, es könnte also trotz meiner Unfehlbarkeit dazu kommen dass ich falsch liege www.richard-thiel.de | Müssen Websiten überall gleich ausschauen? |
|
|||
Ok Thielo, habe ich jetzt verstanden
Neues Problem: ich möchte gern vor das Aufzählungszeichen ein kleines p So soll es später aussehn: Code:
p1. x1 – Abstand der linken oben Ecke in Pixel von links y1 – Abstand der linken oben Ecke in Pixel von oben Code:
1. p x1 – Abstand der linken oben Ecke in Pixel von links y1 – Abstand der linken oben Ecke in Pixel von oben HTML-Code:
<style type="text/css"> li.p:before { content:"p"; color: #333; } </style> <ol> <li class="p"> <ul style="margin-left: -40px; display: inline;"> <li class="none"><strong>x1</strong> - Abstand der linken oben Ecke in Pixel von links</li> <li class="none"><strong>y1</strong> - Abstand der linken oben Ecke in Pixel von oben</li> </ul> |
Sponsored Links |
|
|||
Zitat:
und so sollte es funktionieren: Code:
li.p:before { content: "p"; color: rgb(51, 51, 51); margin-left: -2em; } ol { line-height: 1.5em; } ol li ul { margin-top: -1.5em; } HTML-Code:
<ol> <li class="p"> <ul> <li class="none"><strong>x1</strong> - Abstand der linken oben Ecke in Pixel von links</li> <li class="none"><strong>y1</strong> - Abstand der linken oben Ecke in Pixel von oben</li> </ul> </li> </ol>
__________________
"Wieso ist der Code schrott, ich dachte hier seien Profis..." Aus einem Forum. |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Verschachtelte Listen nebeneinander | DiHo | CSS | 2 | 07.07.2010 23:23 |
Verschachtelte Listen als | lomtas | CSS | 6 | 03.02.2009 15:05 |
Hängung bei verschachtelten Listen mit Nummerierung im System "1.1.1" | AndreasB | CSS | 2 | 05.11.2006 00:33 |
Verschachtelte Listen mit Grafik | e2e4 | CSS | 2 | 08.03.2006 07:55 |
verschachtelte Listen nicht Xhtml 1.0 Strict valide ?? | leo21 | (X)HTML | 2 | 17.04.2005 18:22 |