Kästen umfließen

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

Um einen Kasten mit Texten umfließen zu lassen, sind dieselben Schritte nötig wie bei Bildern. Es ist allerdings eine zusätzliche Codezeile manuell einzugeben. Während bei Bildern eine Mindestbreite durch das Bild vorgegeben wird, muss für einen Kasten die Breite definiert werden. Der Code für die Breite ist width: 30%; und kann in Prozent angegeben werden, um immer den angegebenen Prozentsatz des Bildschirms auszufüllen. Der Code kann aber auch eine fixe Breite beinhalten: width: 300px;.

div.Kasten {
  width: 30%;
  float: left;
  margin: 0.25em 2em 1em 2em;
  padding: 1em;
  border-width: 2px; /*Konturstärke*/
  border-style: solid; /*Konturstil*/
  border-color: black; /*Konturfarbe*/
  background-color: #991614;
}

Kästen umfließen

Abbildung: Kästen umfließen.

  

<< 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