HTML - Verwendung von <ul>/<ol> nur eingeschränkt möglich

Moin nochmal,

also entweder bin ich zu blöd oder die Software wurschtelt im HTML rum als wäre es nichts Gutes. Ich versuche mittels <ol> bzw <ul> eine bestimmte Struktur darzustellen, siehe auch hier als Beispiel:

<ol>
   <li>HTML strukturiert die Inhalte einer Seite
      <ul>
         <li>durch einfache Elemente wie Überschriften und Textabsätze</li>
         <li>durch verschachtelte Elemente wie Aufzählungen, 
         Definitionslisten und Tabellen</li>
      </ul>
   </li>
   <li>CSS formatiert die Inhalte einer Webseite
      <ul>
         <li>CSS ändert Schriften, Farben und Hintergrundfarben</li>
         <li>CSS ändert Größe und Lage der HTML-Blöcke</li>
      </ul>
   </li>
</ol>

Wenn ich diesen Code einfach mal copy-paste, sieht das so aus:

Das hat nichtmal ansatzweise etwas von einer Liste.

Ich habe schon herausgefunden, dass in der Suite Listen nur richtig angezeigt werden, wenn man sie entweder mit CSS anspricht, oder den Style direkt angibt. Beispiel: <ul style="list-style-type: disc;padding: 20px;"></ul> Erst dann wird die Liste richtig angezeigt und ordentlich eingerückt.

Wenn ich jetzt das o.g. Beispiel auf meine Bedürfnisse anpasse, sieht der Code-Teil so aus:

    <h4 id="Liste erlaubter Modifikationen">§1 Liste erlaubter Modifikationen</h4><br>
    <ol style="list-style-type: disc;padding: 20px;">
        <li><strong><b>Resource-Packs (Blockfilter ausgenommen)</b></strong>
            <ul style="list-style-type: disc;padding-left: 20px;">
                <li>Sphax;</li>
                <li>Faithful;</li>
                <li>Luna;</li>
            </ul>
        <li><strong><b>Modloader</b></strong>
            <ul style="list-style-type: disc;padding-left: 20px;"></ul>
                <li>LiteLoader;</li>
                <li>Forge;</li>
            </ul>
        <li><strong><b>Minimaps (Ohne Blockfilter-Eigenschaften)</b></strong>
            <ul style="list-style-type: disc;padding-left: 20px;"></ul>
                <li>Voxel Map;</li>
            </ul>
        <li><strong><b>Chat-Mods/-Makros</b></strong>
            <ul style="list-style-type: disc;padding-left: 20px;"></ul>
                <li>Software-Makros;</li>
                <li>Makro-Modifikationen;</li>
                <li>Tabby-Chat;</li>
            </ul>
    </ol>

dann wird der erste Teil der Liste so angezeigt, wie er letztendlich aussehen soll, der Rest sieht aber aus wie hingerotzt. Siehe:

Sitzt die Fehlerquelle vor dem Rechner oder ist HTML in der Suite tatsächlich irgendwie...merkwürdig?

Viele Grüße

Quote from Alexander Ebert

HTML

<ol class="nativeList">
    <li>Profit</li>
</ol>

Wenn ich das so mache, sieht das so aus:

Zudem stellt sich mir die Frage: Warum class="nativeList" statt dem list-style-type ...?

Viele Grüße

Verstehe. Jetzt weiß ich nur leider nicht, inwiefern mir das beim Lösen meines Problems hilft. Wenn ich einem Listeneintrag keine Unterpunkte gebe, dann funktioniert alles (insofern man den list-style-type angibt). Ich habe in der Suite echt Schwierigkeiten was HTML angeht, da ich wie in diesem Fall irgendwie umdenken muss, bzw. erst rätseln muss, wieso etwas nicht funktioniert. Wenn ich das o.g. Beispiel auf einer Standalone-Seite angebe, muss ich da nichts gesondert anzeigen.

Viele Grüße

Ich denke, da hast Du mich missverstanden.

Kurzes Beispiel:

Wenn ich eine normale Liste haben mlchte, wird diese mit list-style-type auch korrekt angezeigt.

meineListe
     • Listenpunkt 1

Das funktioniert.

Ich brauche für mein im Startbeitrag genanntes Beispiel verschachtelte Listen. Diese funktionieren allerdings nicht (siehe Screenshots oben)

Die Liste sollte dann so aussehen:

• meineListe
     • Listenpunkt 1
          • Listenpunkt 

Und das funktioniert aus mir unerfindlichen Gründen nicht.

Viele Grüße

Quote from DMedia

Die Listen werden nicht angezeigt, da du das <ul> direkt schließt, nachdem du es öffnest.

Ah das war der Fehler. Das ist mir gar nicht aufgefallen, da die Entwicklungsumgebung das Tag automatisch schließt. In dem Fall habe ich nicht dran gedacht, danke für den Hinweis

Quote from DMedia

Außerdem solltest du entweder <strong> oder <b> zur Hervorhebung verwenden (b -> rein optisch, strong -> inhaltlich & optisch).

Genau, jedoch wird die Schrift nochmal etwas mehr hervorgehoben, wenn man beide Tags nutzt. Oder hat das einen mir nicht bekannten "Nachteil"?

Wenn ich Deinen Code wie o.g. bei mir einfüge, funktioniert dieser nicht. Das liegt aber vermutlich wieder an dem list-style-type Gedöns

Danke für die Hilfe

Viele Grüße