Tabellen

 
 
1. Tabellen-ID: Tabellennamen benötigt man wenn man z.B. in einem externen CSS der Tabelle ihr Style zuweisen will (sinnvoll wenn man mehre Tabellen hat die unterschiedlich aussehen)
 
2. Zeilen: Anzahl der Tabellenzeilen (2)
Spalten: Anzahl der Tabellenspalten (1)
 
 
 
3. B: Breite der Tabelle (Grösse in % oder pixel) (1)
%: Tabelle passt sich immer der Auflösung an oder der Fläche die sie zur Verfügung hat.
pixel: Tabelle hat eine feste Breite und nimmt die sich auch.
Eine Tabelle mit fester Pixelbreite in deiner % Tabelle dehnt die %Tabelle aus solang bis sie den Platz hat denn sie benötigt.
 
Beispiel: Bildschirm-Auflösung 1024x768
Erste Tabelle: 90% (nimme 90% des Bildschirm ein normal) also bleibt links und rechts noch etwas Platz)
in diese setzt ihr eine 1070 pixel Tabelle. Was passiert? Ihr bekommt einen Querscrollbalken, weil der Platz auf dem Bildschirm nicht ausreicht. Ändert ihr die 1070 pixel auf 600 pixel, schon ist der Querscrollbalken weg da ja die 1024 nicht ausgenutzt werden und die äussere Tabelle mit den % geht immer mit.
Also merke: Innere Tabelle wenn mit pixel, nie grösser als die Breite der Bildschirmauflösung minus Breite Designtabellen (z.B. Goldrand)
 
H: Höhe der Tabelle (Grösse in % oder pixel) Höhe muss nicht vergeben werden da Tabelle sich dem Inhalt anpasst
 
4. Zellauffüllung: ist der Abstand von Tabellenrand zum Tabelleninhalt. Regelt den Abstand rundrum - also an allen 4 Seiten
Mit Zellauffüllung 0:
  
Mit: Zellauffüllung 10:
  
 
5. Zellraum: ist der Raum in den Zellen zum Tabellenrand
Mit Zellraum 0:
 
Mit Zellraum 4:
 
 
6. Ausrichtung:
 
Standart: Tabelle ist immer links ausgerichtet
Links: Tabelle wird links ausgerichtet auf der Seite
Zentriert: Tabelle ist mittig ausgerichtet auf der Seite
Rechts: Tabelle ist rechts ausgerichtet auf der Seite
 
7. Rahmen: Hier wird eingestellt ob eine Tabelle einen Rahmen hat oder nicht
Rahmen mit 1:
Rahmen mit 3:
 
Unsichtbarer Tabellen sind nur im DW sichtbar und werden dafür verwendet Bilder und Texte auf der Seite anzuordnen ohne das der Betrachter es sieht.
Einstellung ist hierbei bei Rahmen 0: Ihr seht dann im DW einen gepunkteten Rahmen
 
 
8. Klasse:
 
Wenn ihr Eurer Seite verschiedene Styls zugefügt habt könnt ihr diese hier euer Tabelle zuweisen.
 
9. HG-Farbe: hier könnt ihr der Tabelle oder einzelnen Zellen die Hintergrundfarbe zuweisen. Entweder per Hexelcode oder über das Auswahlfenster
 
Wenn ihr das Feld frei lässt hat die Tabelle keine Hintergrundfarbe und es ist immer der Seitenhintergrund zu sehen.
 
10. Rahmenfarbe: Wenn ihr den Rahmen sichtbar machen wollt dann gebt ihm auch eine schöne passende Farbe. Ist das gleiche wie bei der Hindergrundfarbe.
 
11. HG-Bild: Hier könnt Ihr eurer Tabelle ein Hindergrundbild vergeben. Einfach auf das Ordnersymbol   klicken und Bild aussuchen. Bedenkt aber das Bild immer mit Bereitzustellen, sonst seht nur ihr Euer Werk und alle anderen sehen nur die Hintergrundfarbe.
Mit dem Fadenkreuz    könnt ihr in den Dateien (wenn da Eurer Wunschbild schon drin ist im Ordner) auch direkt auswählen, einfach Fadenkreuz anklicken und mit gedrückter Maustaste auf die bestimmte Datei klicken im Dateifenster rechts.
Oder wenn ihr den Pfad wisst könnt ihr den auch direkt reinschreiben.
 
Wenn ihr Eure Tabelle markiert und mal mit der rechten Maustaste klickt erscheint ein Kontexmenü:
 
 
Tabelle auswählen: wählt die ganze Tabelle aus in der ihr das Kontexmenü angeklickt habt
Zellen verbinden (Strg+Alt+M): verbindet die markierten Zellen miteinander 
Zelle teilen (Strg+Alt+S): Teilt die marikierte Zelle
Zeile einfügen (Strg+M): fügt oberhalb der markierten eine Zeile ein (Wenn man in die letzte Zeile geht und TAB drückt fügt es eine Zeile unterhalb der Auswahl ein.
Spalte einfügen (Strg-Umschalt+A): fügt vor der markierten Spalte eine neue Spalte ein
Zeilen oder Spalten einfügen...: hier könnt ihr auswählen ob die Spalte/Zeile vor oder nach der ausgewählten erstellt wird
Zeile löschen (Strg+Umschalt+M): markierte Zeile wird gelöscht
Spalte löschen (Strg+Umschalt+-): markierte Spalte wird gelöscht
Zeilenraum vergrößern: Vergrössert den Zeilenraum
Spaltenraum vergrößern: Vergrössert den Spaltenraum
Zeilenraum verkleinern: Verkleinert den Zeilenraum
Spaltenraum verkleinern: Verkleinert den Spaltenraum
Tabellenbreite: Häckchen zuvor zeigt dann die Tabellengrösse an bei der Tabelle
 
Erweiterter Tabellenmodus: braucht man nur wenn man manchmal eine sehr schmale Tabelle hat dann sieht man die deutlicher, ansonsten würd ich den auslassen und immer im Standart arbeiten
 
Was ist eine Zeile, Spalte und Zelle:
Zeile sind alle Zellen in einer horizontalen Reihe
Spalte sind alle Zellen in einer vertikalen Reihe
eine Tabelle hat einzelnen Zellen
 

 Zelleninhalt ausrichten:

Linksoben Mitteoben Rechtsoben

Linksmitte

 Mittemitte Rechtsmitte

Linksunten

Mitteunten

Rechtsunten

1. Klicke in die Zelle und wähle in den Eigenschaften unten z. B. Horizental Links aus und Vertikal Oben aus. So kann du etwas spielen mit den Eigenschaften.

 

© 2007 Tanja