Layout mit Tabellen - Hierarchie

In dieser Geige gibt es ein Markup und einen Stil, den ich für eine Website mache:

http://jsfiddle.net/UvJmP/

Ich versuche, Daten auf diese Weise darzustellen:

  • Die Tabellendaten von D2 sind in D1 enthalten
  • Die Tabellendaten von D3 sind in D2 enthalten

Wenn wir uns D1 als Einheit vorstellen würden, würde man sagen, dass jedes D1 ein D2 und jedes D2 ein D3 hat. In einer Hierarchie wären dies "Untertabellen".

Gibt es eine bessere Möglichkeit, eine Hierarchie von Untertabellen darzustellen, als die Treppenanordnung, die ich gerade habe?

Ich kämpfe ein bisschen, weil ich merke, dass Englisch nicht deine Muttersprache ist. Fragen Sie "Wie beschreibe ich die Beziehungen zwischen D1 und D2 sowie D2 und D3"? Oder "Wie stelle ich diese Beziehungen visuell dar"?
Ok, ja, mein Englisch ist nicht so richtig. Das tut mir leid. Und ja, ich frage genau das. Wie stelle ich diese Beziehungen dar? Abgesehen davon, dass die Tische auf eine treppenartige Form gestellt werden.
Ich habe Ihren Beitrag in klareres Englisch geändert (keine Entschuldigung erforderlich :)). Habe ich Sie richtig verstanden? Fühlen Sie sich frei, alles zurückzusetzen, was ich falsch interpretiert habe.
Ja, so ist es ok. Danke dir übrigens. Wenn Sie also eine andere Möglichkeit kennen, es anders darzustellen, wie diese Treppenanordnung, lassen Sie es mich bitte wissen. =)

Antworten (2)

Eine kleine Farbcodierung könnte die Darstellung für Sie vereinfachen. Manchmal machen all diese zusätzlichen Einrückungen die Dinge nur noch verwirrender.

Ich habe auch subtile Anpassungen am Schriftstil jeder Überschrift vorgenommen, um die Hierarchie zu verstärken.

Geben Sie hier die Bildbeschreibung ein

Aus Sicht der Benutzerfreundlichkeit ist das Treppen- oder Vertiefungslayout wahrscheinlich besser, weil es ziemlich einfach ist, den Unterschied in den Ebenen auf einen Blick zu erkennen. Ich mag auch die Option der Farben, aber ich denke, es ist etwas schwieriger zu sehen.

Hier ist, wie ich es empfehlen würde, besonders wenn Sie einige der Untertabellen reduzieren können:

Geben Sie hier die Bildbeschreibung ein

Geben Sie hier die Bildbeschreibung ein

Diese Lösungen scheinen gut zu sein, aber Ihr Kommentar hat mich sehr zum Nachdenken angeregt. Danke =)