GoLive: Verschachtelte Tabellen

von Fries Websolutions

Diese Technik bietet derart umfangreiche Ausdrucksmöglichkeiten von Verschachtelung mit Tabellen, von der Tabelle mit haarfeinem Rahmen, dem Spaltensatz mit senkrechten Trennlinien, 3D-Effekten, bis hin zum Hintergrundverlauf.

Erstaunliche Effekte erzielen wir mit Tabellen, auch ohne Grafiken, oder sonstigen Hilfsmittel. Für funktionale Design Lösungen sind besonders gut, die verschachtelten Tabellen. Das ist nichts anderes, als mindestens zwei ineinander gebaute Tabellen und damit lassen sich problemlos Tabellen, mit haarfeinem Rahmen erstellen. Mit diesem Effekt, können Farbe und Dicke unserer Rahmen verändert werden und das wäre mit normalen Rahmenwerkzeug nicht möglich.

Wenn wir eine verschachtelte Tabelle bauen wollen, dann muss sich die erste Tabelle aus einer Zeile und einer Spalte zusammensetzen. Dabei ist der haarfeine Rahmen nichts anderes, als der Hintergrund dieser Tabelle. Wir können zum Beispiel als Farbe schwarz auswählen und der Rand und der Zellenabstand sollte den Wert null haben. Damit vermeidet wir den unschönen Tabellenrand und erhalten einen extra feinen Rahmen. Der Text wird nicht an den Tabellenwänden kleben, wenn der Zellinnenrand Wert O ist und Breite und die Höhe können wir beliebig definieren.

Der Trick funktioniert nur, wenn wir beiden Tabellen verschiedene Farben geben, dann würden wir der zweiten Tabelle zum Beispiel rot geben.Wir erstellen die zweite Tabelle mit GoLive wie die erste, nur das wir sie diesmal etwas kleiner gestalten. Dann die kleine Tabelle markieren und bei gedrückter Maustaste über die erste Tabelle drüberziehen und jetzt werden die beiden Tabellen verschmelzen und es bleiben allein die haarfeinen Rahmenlinien.

Sinnvoll wäre es, das wir die Größe der Tabelle, die später der Rahmen ist, auf automatisch stellen. Doch die Gesamtkonstruktion wird von der Größe des Texts, der in der Texttabelle ist, bestimmt und das ist für uns sicherlich praktischer.

Tabelle mit haarfeinem Rahmen und Überschrift
Die Grundlage ist die oben beschriebene Tabelle, mit haarfeinem Rahmen. Wir beginnen mit der Rahmentabelle, wir wissen ja: die Rahmentabelle hat eine Spalte und eine Zeile, und die Breite werden wir auf einen Wert von etwa zwanzig Pixel setzen, um damit die einwandfreie Darstellung im Editiermodus zu gewährleisten. Aber eigentlich führt ein Wert von Null, oder Auto und da macht GoLive intern keinen Unterschied zwischen beiden, doch aber zum gleichen Ergebnis, denn die Größe der gesamten Tabelle wird durch den Text definiert.

Jetzt benötigen wir eine zweite Tabelle, mit der Tabellenüberschrift und die muss die gleiche Farbe besitzen, wie der Tabellenrahmen. Die Größe stellen wir hier auf Auto, und der Überschriftentext, den können wir setzen wie wir wollen, in beliebiger Schriftgröße und werden ihn mit den nötigen Schriftattributen in die Überschriftenleiste setzen.

Das dritte und letzte Element ist die Texttabelle, dabei sollten wir schon vorher festlegen, wie die Dimension der Texttabelle sein soll, wenn sie in ein bestehendes Layout hineingefügt werden soll, oder in Abhängigkeit von der Textmenge, Wir können: Auto wählen, oder wir geben den gewünschten Wert in Pixel an. Dabei wird er Rahmeneffekt besonders deutlich, wenn wir der Texttabelle die Farbe des Seitenhintergrunds geben. Aber Texttabelle und Rahmentabelle dürfen nie die gleiche Farbe haben und damit der Text nicht am Rahmen kleben bleibt, ist ein Zellenabstand von ungefähr fünf einzustellen.

Jetzt werden die Tabellen in umgekehrter Reihenfolge wieder umgebaut, dazu schieben wir die Tabellenüberschrift in die Rahmentabelle und dann die Texttabelle. Den Überschriftsbalken müssen wir noch in der Rahmentabelle zentrieren.

 
   Anzeigen

Navigation:    Webdesign - Programmierung - Web Grafiken - Software Guides - Tools - Templates - Schriftarten - Seminare - IT News
Partner:   Template OK - PCopen - SITEopen - PCopen Schweiz - HTMLopen Schweiz - VirtualUniversity.ch - WEB-SET.com - YesMMS - Job und Karriere