Stefan Einspender: Auflistungen

Beitrag lesen

Hallo Benjamin,

<ul>
<li style="margin-left: 0px;">1.</li>
  <li style="margin-left: 10px;">1.1</li>
  <li style="margin-left: 10px;">1.2</li>
  <li style="margin-left: 10px;">1.3</li>
<li style="margin-left: 0px;">2.</li>
</ul>

halte ich für keine so gute Idee, weil ja 1.1, 1.2, 1.3 nach wie vor
Unterpunkte von 1. sind und sobald jemand ohne CSS daherkommt, sieht
man es bei Deiner Variante nicht mehr. Ich würde es ungefähr so um-
setzen:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
        "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>test</title>
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<style type="text/css">
<!--
ul {
list-style-type: none;
padding-left: 0;
}

li ul {
padding-left: 20px;
}
-->
</style>
</head>
<body>
<ul>
    <li>1. Überschrift
    <ul>
        <li>1.1 Überschrift</li>
        <li>1.2 Überschrift</li>
        <li>1.3 Überschrift</li>
      </ul>
      </li>
    <li>2. Überschrift
    <ul>
        <li>2.1 Überschrift</li>
        <li>2.2 Überschrift</li>
        <li>2.3 Überschrift</li>
      </ul>
      </li>
    <li>3. Überschrift</li>
  </ul>
</body>
</html>

Ist natürlich schlecht, wenn die Nummerierung weitergeht, also bis
1.10 oder 10., da gibt es keine "saubere Kante" mehr, eventuell auch
schon vorher. Aber wenigstens ist es auch ohne CSS noch so gegliedert,
wie es der logische Bezug der Inhalte untereinander erfordert.

Viele Grüße,
Stefan