[gesichtete Version] | [Markierung ausstehend] |
|
|
− | {{#css:
| + | ====Tabellen==== |
− | .orange{ | + | Zur Repräsentation medizinischer Inhalte, die sich adäquat tabellarisch darstellen lassen, bietet sich die Tabellenform an. Als Beispiele seien genannt: Laborwerte, Allergiewerte, Diagnosen mit ICD-Codierung etc. |
− | border: thin black solid; | + | |
− | background-color:#F4C789; | + | CDA realisiert ein vereinfachtes XHTML Table Modell, das HTML sehr ähnelt. Eine Tabelle wird mit dem table-Element angegeben. Siehe auch [[ILF:Allgemeiner Implementierungsleitfaden#Erweiterte_styleCodes|Erweiterte styleCodes]]. |
− | padding: 5px 5px 5px 5px;
| + | |
− | margin-left:6px;
| + | Die '''Tabellenüberschrift''' wird eingeschlossen in thead Tags, die Überschriftenzeile in tr Tags und die einzelnen Spalten-Items der Überschrift mit th Tags. |
− | width:70%;
| + | |
− | }
| + | Die optionale '''Tabellenunterschrift''' <tfoot> wird entsprechend der HTML-Tabellenkonvention direkt vor dem <tbody>-Tag und nach dem <thead> Tag angeführt. Es wird für Fußnoten in Tabellen verwendet und enthält genau einen <tr> und einen <td>-Tag (Siehe auch Beispiel in [[ILF:Allgemeiner Implementierungsleitfaden#Fu.C3.9Fnoten|Fußnoten]]) |
− | .violet{ | + | |
− | border: thin black solid;
| + | Die eigentlichen '''Tabelleninhalte''' werden in ''tbody'' Tags, die Datenzeile in ''tr'' Tags und die einzelnen Spalteninhalte einer Datenzeile mit ''td'' Tag gekapselt. |
− | background-color:#E5D0EE;
| + | |
− | padding: 5px 5px 5px 5px;
| + | Die Vorgaben für Tabellen MÜSSEN korrekt eingehalten werden, damit sie zuverlässig und korrekt durch Stylesheets dargestellt werden können. |
− | margin-left:6px; | + | Die Anzahl der Spalten MUSS über eine komplette Tabelle in thead und tbody gleich bleiben (ausgenommen tfoot). |
− | width:70%; | + | =====Strukturbeispiel===== |
− | }
| + | Eine Tabelle hat das folgende Aussehen: |
− | }}
| + | <pre class="orange"> |
| + | <text> |
| + | : |
| + | <table> |
| + | <!-- Kopfzeile --> |
| + | <thead> |
| + | <tr> |
| + | <th>Spaltenüberschrift 1</th> |
| + | <th>Spaltenüberschrift 2</th> |
| + | </tr> |
| + | </thead> |
| + | |
| + | <!-- Optionale Fußzeile mit EINER Spalte --> |
| + | <tfoot> |
| + | <tr> |
| + | <td>Die Fußzeile hat eine durchgehende Spalte</td> |
| + | </tr> |
| + | </tfoot> |
| + | |
| + | <!-- Tabelleninhalte - Anzahl der Spalten gleich wie Kopfzeile --> |
| + | <tbody> |
| + | <tr> |
| + | <td>1. Zeile - Daten der Spalte 1</td> |
| + | <td>1. Zeile - Daten der Spalte 2</td> |
| + | </tr> |
| + | <tr> |
| + | <td>n. Zeile - Daten der Spalte 1</td> |
| + | <td>n. Zeile - Daten der Spalte 2</td> |
| + | </tr> |
| + | </tbody> |
| + | </table> |
| + | : |
| + | </text> |
| + | </pre> |