FAQ Forum News Mitglieder Suchen Anmelden Member Login FreeBoard!




ErstellerThema » Beitrag als Abo bestellenThread schließen Thread verschieben Festpinnen Druckansicht Thread löschen

danbolz ...
Moderatorin a.D.


...

Status: Offline
Registriert seit: 10.04.2004
Beiträge: 2145
Nachricht senden
...   Erstellt am 30.08.2007 - 21:02Zum Seitenanfang Beitrag zitieren Beitrag melden 

Da es immer wieder zu Fragen kommt, wie man eine Spalte links macht, oder rechst und ‚sonst wo’, hier ein paar Grundgerüste zum Aufbau der Tabellen.

Normaler Aufbau eines RB-Forums:

Diesem Aufbau folgt eigentlich auch immer die Logik in der Reihenfolge des html-Codes. Ein Wechsel der einzelnen Felde ist nicht möglich, doch mittels Tabellenfunktionen, können die einzelnen Felder nacheinander anders angeordnet werden.

Dazu wird der Tabellencode aufgeteilt und in den verschiedenen Abschnitten eingesetzt.


Allgemein zu Tabellen:

Eine ‚normale Tabelle besteht aus ihrem Rahmenfeld, mindestens einer Zeile und einer Spalte.

Ein einfache Tabelle mit zwei Zeilen und zwei Spalten sieht so aus:

Code:
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
 
<table border="1">
  <tr>
    <td>Zelle oben links</td>
    <td>Zelle oben rechts</td>
  </tr>
  <tr>
    <td>Zelle unten links</td>
    <td>Zelle unten rechts</td>
  </tr>
</table>


Damit der Code auch richtig dargestellt wird, folgen ein paar Erklärungen ebenfalls mit dem Codebutton:
Code:
1:
2:
3:
 
table = Tabelle (border = Umrandungsstrich, bei 0 wird keiner angezeigt)
tr = table row = Tabellenzeile (es empfiehlt sich, hier noch valign="top" einzusetzten, wodurch der Inhalt der Zeile immer obenbündig angezeigt wird.)
td = table data = Tabellendaten


Weitere Hineise zum Tabellenaufbau oder der Verfeinerung von der Ausrichtung und ähnliches kann unter anderem hier nachgelesne werden:
http://de.selfhtml.org/html/tabellen/aufbau.htm

Nun zu den Möglichkeiten, wie der Forenaufbau verändert werden kann.

Menü links (Variante 1) :


Die Kopfzeile bleibt wie sie ist.

Im Menü- in jedem der beiden Felder – wird zu Beginn die Tabelle geöffnet
und das Menü selbst in die erste (linke) Zelle eingetragen. Dann wird diese Zelle geschlossen und eine neue geöffnet.

Code:
1:
2:
3:
4:
 
<table>
  <tr>
    <td>Menütext</td>
    <td>


Hier endet die Eingabe in beiden Feldern, da sie Tabelle erst hinter dem eigentlichen Forum geschlossen wird.

Entsprechend muss nur noch an den Anfang der Fußzeile:
Code:
1:
2:
3:
4:
 

   </td>
  </tr>
</table>


Dann kann noch zusätzlicher Text folgen, der in der Fußzeile steht.

Menü links (Variante 2) :


Am Anfang der Kopfzeile wird die Tabelle geöffnet, .



Kopfzeile

Im Menü- in jedem der beiden Felder – wird zu Beginn das Menü selbst in die Zelle eingetragen. Dann wird am Ende des jeweiligen Menüfeldes diese Zelle geschlossen und eine neue geöffnet.

Code:
1:
2:
3:
 
Menü</td>
    <td>


Hier endet die Eingabe in beiden Feldern, da sie Tabelle wieder hinter dem eigentlichen Forum geschlossen wird.

Entsprechend muss nur noch an den Anfang der Fußzeile:

Code:
1:
2:
3:
4:
 
   </td>
  </tr>
</table>


Dann kann noch zusätzlicher Text folgen, der in der Fußzeile steht.

Soll das Menü noch oberhalb vom Forum stehen, aber die Kopfzeile links, so wird in der Kopfzeile am Ende die Zelle geschlossen und eine neue geöffnet:

Code:
1:
2:
3:
4:
 
<table>
  <tr>
    <td>Kopfzeile</td>


Im Menü beginnt dann die nächste Spalte:

Code:
1:
 
      <td>Menü


Geschlossen wird erst wieder in der Fußzeile, wie oben angegeben.


Das Menü kann/sollte nicht(!) nach rechts eingebaut werden. Abgesehen von allgemeinen Menüpunkten. Aber individuelle, die den User betreffen, wie PM-Fuktion, Profil, Login und Logout, sollten besser im Menüfeld eingetragen werden. Theoretisch ist es zwar möglich auch diese Punkte in die anderen Felder zu setzten, doch müssten dann immer alle Menüpunkte dort stehen, z.B. sowohl Login als auch Logout.

Spalten links und rechts vom Forum (Variante 1) :


Bei dieser Variante beginnt der Tabellenanfang, wie oben schon beschrieben.
In der Kopfzeile nichts und im Menü dann:

Code:
1:
2:
3:
4:
 
<table>
  <tr>
    <td>Menütext</td>
    <td>


Hier endet die Eingabe in beiden Feldern.

Da wir nun aber noch rechts vom Forum eine Spalte generieren möchten, wird die Tabelle nicht gleich in der Fußzeile geschlossen.

Zu Beginn der Fußzeile schließt man nur die Spalte in der das Forum steht:
Code:
1:
2:
 

   </td>


Dann wird in der Fußzeile, die nächste Spalte geöffnet, der beliebige Text eingetragen und schließlich alles geschlossen:
Code:
1:
2:
3:
4:
 

    <td>Spaltentext rechts vom Forum</td>
  </tr>
</table>


Nun können noch weiter Einträge folgen, die dann ganz unten (Fußzeile 2) angezeigt werden.

Spalten links und rechts vom Forum (Variante 2) :


Kopfzeile und Menü, wie bei „Menü links, Variante 2“, Fußzeile, wie bei „Spalten links und rechts vom Forum, Variante 1“ einsetzen.



Es wäre nach belieben noch möglich zig weiterer Spalten in der Fußzeile zu generieren, doch man sollte immer bedenken, dass es auch User gibt, die mit einer niedrigen Bildschirmauflösung arbeiten und dann nach rechts scrollen müssten, was auf Dauer nicht optimal für ein Forum ist.





Signatur
Mein Testforum
Unbegründete Editierungen sind Tipselfählerdingsda.


Ähnliche Themen:
Thema Erstellt von Antworten Forumname
Forumsstruktur DetlefT 16 detlef_teichmann
Änderungen in der Forumsstruktur Binomi 2 forum_schule
WICHTIG !!! Alles was sich ändern wird, oder ändern soll ! Erols 0 erols
Neue Forumsstruktur PV 1 mufu
Forumsstruktur & Technik - FAQ"s shortcut SatMama 0 niranjana

Geburtstagsliste:
Heute haben 7 User Geburtstag
jessilili1 (40), Pamela72 (51), branka (45), tsukikokatana (31), Seto (34), Sanleh (43), Actionraybaby (34)


Kontakt - Impressum

Dieses Forum ist ein kostenloser Service von razyboard.com
Wollen Sie auch ein kostenloses Forum in weniger als 2 Minuten? Dann klicken Sie hier!



Verwandte Suchbegriffe:
forum struktur | forum codes | fußzeile tabelle | tabelle im forum | tabellen code | forum gestaltung | links in tabellen setzen | struktur forum
blank