Tabellenstruktur in HTML

(Auszug aus "ePub für (In)Designer — Mit InDesign Schritt für Schritt zum E-Book" von Sascha Heck & Yves Apel)

In HTML werden Tabellen im Groben in dieser Form dargestellt:

<table>
   <tbody>
      <tr>
         <td></td>
      </tr>
   </tbody>
</table>

(table = Tabelle, tbody = table body, tr = table row, td = table data)

Eine Tabelle wird in HTML von oben nach unten und von links nach rechts gebaut. Die in InDesign definierten Formate (siehe Tabelle in InDesign erstellen) tauchen in der CSS-Datei ebenfalls wieder auf.

td.tabelle-header {
}

td.tabelle-header2 {
}

td.tabelle-spalte1 {
}

td.tabelle-reihen {
}

InDesign CS5 schreibt leere Klassen ins CSS.

td.Tabelle-Header {
  background-color: #001966;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
}

td.Tabelle-Header2 {
  background-color: #001966;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
}

td.Tabelle-Spalte1 {
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
}

td.Tabelle-Reihen {
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
}

InDesign CS5.5 schreibt Hintergrundfarbe und Padding (= Innenabstand zu den Rändern der Zelle) ins CSS.

  

<< zurück vor >>

 

 

 

Tipp der data2type-Redaktion:
Zum Thema ePub & InDesign bieten wir auch folgende Schulungen zur Vertiefung und professionellen Fortbildung an:

Copyright © dpunkt.verlag GmbH 2012
Für Ihren privaten Gebrauch dürfen Sie die Online-Version ausdrucken.
Ansonsten unterliegt dieses Kapitel aus dem Buch "ePub für (In)Designer" denselben Bestimmungen wie die gebundene Ausgabe: Das Werk einschließlich aller seiner Teile ist urheberrechtlich geschützt. Alle Rechte vorbehalten einschließlich der Vervielfältigung, Übersetzung, Mikroverfilmung sowie Einspeicherung und Verarbeitung in elektronischen Systemen.

dpunkt.verlag GmbH, Wieblinger Weg 17, 69123 Heidelberg, fon 06221-14830, fax 06221-148399, hallo(at)dpunkt.de