| HTML-Dateien selbst erstellen
|  | Dokumentation: HTML
|  |  | Absatztypen und Textgestaltung

# Mehrspaltiger Textfluß

Mehrspaltigen Textfluß definieren
Spaltenbreite und Spaltenabstand bestimmen

## Mehrspaltigen Textfluß definieren

Anzeigebeispiel: So sieht's aus

Bislang war die Realisierung von Mehrspaltigkeit in HTML nur mit blinden Tabellen möglich. Netscape unterstützt ab Version 3.0 eine einfachere Methode, mehrspaltigen Fließtext im Zeitungsstil in HTML zu realisieren. Da jedoch noch kein anderer WWW-Browser als Netscape 3.0 diesen HTML-Befehl interpretiert, ist beim Einsatz im WWW Vorsicht angebracht.

#### Beispiel:

    <multicol cols=3>
    Viel Text mit Überschriften, Absätzen,
    Listen, dazu Bilder, Java ... alles möglich
    </multicol>

#### Erläuterung:

Mit <multicol ... > leiten Sie einen mehrspaltigen Abschnitt ein (multicol = multiple columns = mehrere Spalten). Zwingend erforderlich ist die Zusatzangabe cols=, mit der Sie die Anzahl der gewünschten Spalten festlegen. Daran anschließend können beliebige andere Elemente folgen. Mit </multicol> wird der mehrspaltige Abschnitt beendet.

#### Beachten Sie:

Alles, was zwischen dem einleitenden Tag <multicol ... > und dem abschließenden Tag </multicol steht, wird automatisch so verteilt, daß es sich optimal über die angegebene Anzahl Spalten erstreckt. Bei Bildern, Java-Applets usw. kann es allerdings zu unschönen Anzeigen kommen. Denn anders als bei Tabellen richtet sich die Breite einer Spalte bei <multicol ... > nicht nach dem breitesten Inhalt, sondern nach der rechnerischen Spaltenbreite. Das kann dazu führen, daß Grafiken, die breiter sind als die Spalte, in die Nachbarspalte hineinreichen und sich mit dem dort stehenden Inhalt überlappen.

## Spaltenbreite und Spaltenabstand bestimmen

Anzeigebeispiel: So sieht's aus

Sie können sowohl die Breite der Spalten als auch die Breite der Spaltenzwischenräume eines mehrspaltigen Textflusses festlegen.

#### Beispiel:

    <multicol cols=3 width=500 gutter=15>
    Viel Text mit Überschriften, Absätzen,
    Listen, dazu Bilder, Java ... alles möglich
    </multicol>

#### Erläuterung:

Durch die Zusatzangabe width= können Sie die Gesamtbreite der Spalten beeinflussen. Sie können eine Zahl oder einen Prozentwert angeben. Mit einer Zahl, z.B. 500, erzwingen Sie, daß alle Spalten zusammengenommen so viel Pixel breit sind wie angegeben. Mit einem Prozentwert erreichen Sie, daß alle Spalten zusammengenommen maximal vo viel Breite des Anzeigefensters einnehmen wie angegeben. Für eine prozentuale Angabe notieren Sie hinter der Zahl einfach ein Prozentzeichen.

Mit der Zusatzangabe gutter= können Sie den Abstand zwischen den Spalten vergrößern oder verkleineren. Die Voreinstellung ist ein Abstand von 10 Pixeln. Mit einem höheren Wert erreichen Sie einen größeren Spaltenabstand, mit einem niedrigeren Wert einen geringeren Spaltenabstand.

| Blättern: |
Trennlinien |  |  | Freies Plazieren von Text

| HTML-Dateien selbst erstellen
|  | Dokumentation: HTML
|  |  | Absatztypen und Textgestaltung