Stylesheet-Sprache CSS
Tabellen
Für die Satandardtabelle (keine Klasse gewählt) habe ich Anpassungen vorgenommen. Zudem habe ich Klassen gestaltet, die von Fall zu Fall zu verwenden sind. Tabellen sollten per Inline-Style nicht verändert werden, damit die CI-Richtlinien erhalten bleiben.
So sieht die Standardtabelle (keine Klasse gewählt) aus:
| <tr>-Tag | Hinweis |
|---|---|
| Datenzeile 1 <tr> (Standard) | Allgemeiner Text |
| Datenzeile <tr class="I"> | Information |
| Datenzeile <tr class="O"> | OK-Meldung |
| Datenzeile <tr class="W"> | Warnmeldung |
| Datenzeile <tr class="E"> | Fehlermeldung |
| Datenzeile <tr class="H"> | Instruktion, Hilfemeldung |
So sieht die Tabelle <table class="bfy"> linksbündig (Standard) aus:
| Vorname | Name |
|---|---|
| Daniela | Hertz |
| James | Hertz |
Falls die Tabelle zentriert dargestellt werden soll, umschliesse sie mit einem div-Tag <div class="table-container">.
| Vorname | Name |
|---|---|
| Daniela | Hertz |
| James | Hertz |
Falls die Tabelle die gesamte Breite verwenden soll, nimmst du <table class="bfy w100">. Diesen einleitenden Text möchtest Du eventuell mit <p class="j"> im Blocksatz gestalten?
| Vorname | Name |
|---|---|
| Daniela | Hertz |
| James | Hertz |
So sieht die Tabelle <table class="liste"> aus:
| Variable | Wert |
|---|---|
| Erdbeschleinigung | 9.81 ms-2 |
| Höhe | 300 m |