Detlef G.: Verschachtelte Listen mit CSS formatieren

Beitrag lesen

Hallo  sebastian

Listen Formatierung
Ich habe schon verschiedene möglichkeiten ausprobiert.

Meintest du etwa so:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">  
<html>  
  <head>  
    <title>seltsame Liste</title>  
    <meta http-equiv="content-type" content="text/html; charset=iso-8859-1">  
    <style type="text/css">  
[code lang=css]ul, li {  
  list-style:none;  
  margin:0;  
  padding:0;  
  display:block;  
}  
li {  
  margin: 1em 0;  
  float: left;  
  clear:left;  
  border-bottom: 1px solid #000;  
}  
ul ul {  
  margin: 0 0 0 5em;  
}  
li li {  
  clear:none;  
  padding: 0 0.5em;  
  margin:0;  
  border: 0 none;  
}  
ul ul ul {  
  margin: 1em 0;  
}  
li li li {  
  float:none;  
  margin:0;  
  padding: 0;  
}  

~~~    </style>  
  </head>  
  <body>  
    <ul>  
      <li>Ebene1  
        <ul>  
          <li>Ebene2  
            <ul>  
              <li>Ebene3</li>  
              <li>Ebene3</li>  
              <li>Ebene3</li>  
            </ul>  
          </li>  
          <li>Ebene2  
            <ul>  
              <li>Ebene3</li>  
              <li>Ebene3</li>  
              <li>Ebene3</li>  
            </ul>  
          </li>  
          <li>Ebene2  
            <ul>  
              <li>Ebene3</li>  
              <li>Ebene3</li>  
              <li>Ebene3</li>  
            </ul>  
          </li>  
          <li>Ebene2  
            <ul>  
              <li>Ebene3</li>  
              <li>Ebene3</li>  
              <li>Ebene3</li>  
            </ul>  
          </li>  
        </ul>  
      </li>  
      <li>Ebene1  
        <ul>  
          <li>Ebene2  
            <ul>  
              <li>Ebene3</li>  
              <li>Ebene3</li>  
              <li>Ebene3</li>  
            </ul>  
          </li>  
          <li>Ebene2  
            <ul>  
              <li>Ebene3</li>  
              <li>Ebene3</li>  
              <li>Ebene3</li>  
            </ul>  
          </li>  
          <li>Ebene2  
            <ul>  
              <li>Ebene3</li>  
              <li>Ebene3</li>  
              <li>Ebene3</li>  
            </ul>  
          </li>  
          <li>Ebene2  
            <ul>  
              <li>Ebene3</li>  
              <li>Ebene3</li>  
              <li>Ebene3</li>  
            </ul>  
          </li>  
        </ul>  
      </li>  
    </ul>  
  </body>  
</html>  
[/code]  
  
Auf Wiederlesen  
Detlef  

-- 
- Wissen ist gut  
- Können ist besser  
  
- aber das Beste und Interessanteste ist der Weg dahin!