Verwenden von Layouttabellen
Wenngleich Neueinsteiger und weniger erfahrene Webautoren es im Allgemeinen einfacher finden, ein mehrspaltiges Layout mithilfe einer Layoutbox zu erstellen, geben erfahrene Webautoren aus Gründen der Vertrautheit oder aufgrund ihrer größeren Flexibilität möglicherweise einer Tabelle den Vorzug. Das Erstellen einer Layouttabelle ist nicht schwierig, Sie müssen jedoch verschiedene Verhaltensweisen von Tabellen und Zellen sowie deren Auswirkungen auf Ihr Layout kennen. Nachfolgend finden Sie einige Richtlinien zum Einsatz von Layouttabellen:
Verwenden Sie die Zeichenwerkzeuge für Tabellen
Die Namo WebEditor-Werkzeuge zum Zeichnen von Tabellen können die Erstellung einer Layouttabelle erheblich vereinfachen. Verwenden Sie die Option Tabelle zeichnen zum Zeichnen einer einzelligen Tabelle der gewünschten Größe, und zeichnen Sie anschließend Spalten und Zeilenrahmen, um Zellen für die Inhalte zu erstellen. Verwenden Sie die Option Tabellenradierer, um Zellen durch “Radieren” der Zellrahmen zu verbinden.
Richten Sie Inhalte am oberen Zellenrand aus
Wenn Sie die vertikale Ausrichtung der Zelleninhalte nicht explizit festlegen, platzieren die meisten Browser Inhalte in der Mitte der Zelle. Bei einer Layouttabelle möchten Sie in der Regel, dass die Inhalte oben in der Zelle beginnen. Gehen Sie zur Festlegung einer vertikalen Ausrichtung am oberen Zellenrand folgendermaßen vor:
- Klicken Sie mit der rechten Maustaste auf die Zelle, und klicken Sie im Kontextmenü auf Zelleigenschaften.
- Klicken Sie auf das Feld Vertikale Ausrichtung, und wählen Sie die Einstellung Oben.
Sie können verschiedene Zellen markieren und die vertikale Ausrichtung für alle Zellen in einem Arbeitsschritt festlegen.
Achten Sie auf Rahmen, Ränder und Abstände
Layouttabellen sollen in einem Browser für gewöhnlich ohne Rahmen angezeigt werden. Nach Erstellung einer Layouttabelle in Namo WebEditor müssen Sie sicherstellen, dass der Tabellenrahmen auf Null festgelegt ist, damit kein Rahmen angezeigt wird.
In den meisten Browsern beträgt der standardmäßige Abstand zwischen Zellen 2 Pixel, der standardmäßige Innenabstand beträgt 1 Pixel. Dies kann Ihrem Seitendesign entgegen stehen, wenn Sie angrenzende Zellen mit Bildern füllen möchten, die keinen Abstand zueinander aufweisen sollen. Sie könnten auch mehr Abstand zwischen Zellen mit Text benötigen, um eine bessere Lesbarkeit zu erzielen. Sie können die Werte für den Außen- und Innenabstand einer Tabelle im Dialogfeld mit den Tabelleneigenschaften festlegen.
Beachten Sie, dass diese Werte für die gesamte Tabelle gelten; reines HTML bietet keine Möglichkeit zur Festlegung von Innen- und Außenabständen auf Zellenbasis. Für eine bessere Steuerung legen Sie Innen- und Außenabstand auf Null fest und verwenden die CSS-Eigenschaft “padding” ggf. für einzelne Zellen.
Gehen Sie bei der Festlegung von Tabellen- und Zellenbreiten umsichtig vor
Wenn Sie eine Tabelle mithilfe der Werkzeuge zum Zeichnen von Tabellen oder über die Schaltfläche Tabelle erstellen auf der Standardsymbolleiste erstellen, legt Namo WebEditor die Spaltenbreite automatisch als absoluten Wert in Pixeln fest. Pixeleinheiten eignen sich jedoch nicht immer für Layouttabellen. Wenn Sie ausschließlich Pixeleinheiten verwenden, kann die Tabellenbreite als Reaktion auf geänderte Browserfenster nicht angepasst werden. In diesem Fall müsste ein Benutzer, der Ihre Seite in einem kleinen Fenster anzeigt, daher vielleicht einen Bildlauf nach rechts durchführen, um sämtliche Inhalte anzuzeigen. Es wird allgemein empfohlen, die Breite von mindestens einer Spalte nicht festzulegen, damit die Spaltengröße in Abhängigkeit von der Fenstergröße angepasst werden kann.
Im nachstehenden Beispiel wurde die Breite der Zelle “Inhalt” nicht angegeben, während die Tabellenbreite auf 100% festgelegt ist. Auf diese Weise kann die Tabelle in der Größe angepasst werden, während die Zelle “Navigation” eine feste Größe behält.
Eine Layouttabelle, die sowohl festgelegte als auch nicht festgelegte Zellenbreiten verwendet
Vermeiden Sie außerdem die Festlegung von Tabellen- und Zellengrößen, die in Konflikt zueinander stehen. Zueinander in Konflikt stehende Größeneinstellungen können in einem Browser zu unerwarteten Ergebnissen führen. Geben Sie beispielsweise keine Tabellenbreite an, die kleiner ist als die Summe der Breitenwerte ihrer Spalten.
Verlassen Sie sich nicht auf Zellenhöhen
Wenn Sie die Höhe einer Zeile oder Zelle angeben, müssen Sie bedenken, dass Browser diesen Wert nur als Minimalwert betrachten. Browser setzen die festgelegte Höhe einer Zelle stets außer Kraft, wenn dies zur Anzeige aller Zelleninhalte erforderlich ist.