Baumstruktur in einer Tabelle

[lolli]

Warum nimmst du keine Listen dafür?

Hi wahsaga,

ich dachte bislang, eine Liste besteht im Grunde nur aus einer Zelle, nicht aus mehreren nebeneinander. Ich habe in der Tabelle mehrere (leider noch dynamisch viele) Zellen in einer Zeile...

MFG
Stefan

ich musste mal sowas ähnliches machen, ist vermutlich nicht genau das was du suchst, könnte dir aber denoch weiterhelfen:

-- CSS --

li { clear:both; }
li div
{
 float:right;
 top:0px;
 width:100px;
 background-color:#9e9;
}
div { margin:1px;padding:1px; }

-- HTML --

<ul>
  <li>Test Level 1 - 1
    <ul>
      <li>Test Level 2 - 1.1<div class="c3">Cell3</div><div class="c2">Cell2</div><div class="c1">Cell1</div></li>
      <li>Test Level 2 - 1.2<div class="c3">Cell3</div><div class="c2">Cell2</div><div class="c1">Cell1</div></li>
      <li>Test Level 2 - 1.3<div class="c3">Cell3</div><div class="c2">Cell2</div><div class="c1">Cell1</div></li>
    </ul>
  </li>
  <li>Test Level 1 - 2
    <ul>
      <li>Test Level 2 - 2.1<div class="c3">Cell3</div><div class="c2">Cell2</div><div class="c1">Cell1</div></li>
      <li>Test Level 2 - 2.2<div class="c3">Cell3</div><div class="c2">Cell2</div><div class="c1">Cell1</div></li>
      <li>Test Level 2 - 2.3<div class="c3">Cell3</div><div class="c2">Cell2</div><div class="c1">Cell1</div></li>
    </ul>
  </li>
  <li>Test Level 1 - 3</li>
  <li>Test Level 1 - 4</li>
</ul>

Ursprünglich war der Code dazu gedacht, sehr grosse Tabellen auf sehr kleinen Bildschirmen anzuzeigen, ohne das der Benutzer Horizontal rumscrollen musste. Damit ist es möglich einen Baum mit Feldern darzustellen. Die div's kannst du ja auch durch ein anderes Blockelement austauschen.