HOWTO Tabellen im Forum

Untitled
Verfügbare Informationen zu "HOWTO Tabellen im Forum"

  • Qualität des Beitrags: 0 Sterne
  • Beteiligte Poster: madboy - Anty - kamikazegnom - Ling-Woo - Pierino - Linesse
  • Forenurl: Klick
  • aus dem Unterforum: Rund ums Forum
  • Antworten: 12
  • Forum gestartet am: Dienstag 09.05.2006
  • Sprache: deutsch
  • Link zum Originaltopic: HOWTO Tabellen im Forum
  • Letzte Antwort: vor 13 Jahren, 3 Monaten, 18 Tagen, 22 Stunden, 33 Minuten
  • Alle Beiträge und Antworten zu "HOWTO Tabellen im Forum"

    Re: HOWTO Tabellen im Forum

    madboy - 04.11.2006, 13:15

    HOWTO Tabellen im Forum
    Hi Leute. Nachdem schon mehrere Leute Tabellen hier posten wollten und das nie geklappt hat, hab ich gerade mal gesucht und gefunden :wink:

    Definieren einer Tabelle (Standard-HTML):
    Code: <table>
      <tr>
        <th>Spalte1</th>
        <th>Spalte2</th>
        <th>Spalte3</th>
      </tr>
      <tr>
        <td>Spalte1, Zeile 1</td>
        <td>Spalte2, Zeile 1</td>
        <td>Spalte3, Zeile 1</td>
      </tr>
      <tr>
        <td>Spalte1, Zeile 2</td>
        <td>Spalte2, Zeile 2</td>
        <td>Spalte3, Zeile 2</td>
      </tr>
    </table>

    das sieht dann so aus:

    <table> <tr> <th>Spalte1</th> <th>Spalte2</th> <th>Spalte3</th> </tr> <tr> <td>Spalte1, Zeile 1</td> <td>Spalte2, Zeile 1</td> <td>Spalte3, Zeile 1</td> </tr> <tr> <td>Spalte1, Zeile 2</td> <td>Spalte2, Zeile 2</td> <td>Spalte3, Zeile 2</td> </tr></table>Mit Linien: ersetze Code: <table> durch Code: <table border="1">

    <table border="1"> <tr> <th>Spalte1</th> <th>Spalte2</th> <th>Spalte3</th> </tr> <tr> <td>Spalte1, Zeile 1</td> <td>Spalte2, Zeile 1</td> <td>Spalte3, Zeile 1</td> </tr> <tr> <td>Spalte1, Zeile 2</td> <td>Spalte2, Zeile 2</td> <td>Spalte3, Zeile 2</td> </tr></table>für weitere Infos siehe http://de.selfhtml.org/html/tabellen/aufbau.htm

    edit: im Moment sind folgende HTML-Tags vorhanden zur Benutzung: Code: b,i,u,pre,table,tr,th,td,col,colgroup
    Sollten weitere gewünscht/gebraucht werden: meldet euch bei einem Foren-Admin



    Re: HOWTO Tabellen im Forum

    Anty - 04.11.2006, 14:49


    :shock: :shock: :shock: :shock:
    Bin raus, hab keinen Plan... :oops:



    Re: HOWTO Tabellen im Forum

    kamikazegnom - 04.11.2006, 15:01


    ich blicks auch grad nicht! verwirrend...:shock:
    mach maln beispiel :wink:
    also wies zu schreiben is und wies dann ausschaut ich kann mir nix drunter vorstellen unter dem befehlsgelump :roll:



    Re: HOWTO Tabellen im Forum

    madboy - 04.11.2006, 16:40


    Ähm... Sorry. Werde vielleicht n bisschen von vorne anfangen :wink:

    Zuerst, wie das fertig aussieht:
    Code: <table border="1">
      <tr>
        <th>Spalte1</th>
        <th>Spalte2</th>
        <th>Spalte3</th>
      </tr>
      <tr>
        <td>Spalte1, Zeile 1</td>
        <td>Spalte2, Zeile 1</td>
        <td>Spalte3, Zeile 1</td>
      </tr>
      <tr>
        <td>Spalte1, Zeile 2</td>
        <td>Spalte2, Zeile 2</td>
        <td>Spalte3, Zeile 2</td>
      </tr>
    </table>

    Wenn ihr das einfügt in einen Post, kommt folgendes dabei raus:
    <table border="1"> <tr><th>Spalte1</th> <th>Spalte2</th> <th>Spalte3</th> </tr> <tr> <td>Spalte1, Zeile 1</td> <td>Spalte2, Zeile 1</td> <td>Spalte3, Zeile 1</td> </tr> <tr> <td>Spalte1, Zeile 2</td> <td>Spalte2, Zeile 2</td> <td>Spalte3, Zeile 2</td> </tr> </table>


    Zur Erklärung n bisschen:

    Code: <table> oder <table border="1>" bedeutet, dass die Tabelle anfängt. Das muss immer hin.
    Code: </table> ist das Gegenteil und bedeutet, dass die Tabelle wieder aufhört ebenfalls Pflicht :wink:

    Die allgemeine Struktur ist (fast) immer bei HTML: <blabla> Inhalt </blabla> Die Dinger mit <> nennt man Tags (hihihi, schon wieder was gelernt :wink: ). Nur zur allgemeinen Information.

    Jetzt aber weiter:
    Code: <tr> </tr> umschließt eine Zeile der Tabelle (tr kommt von table row)

    Jetzt brauchen wir noch die Spalten. Die werden automatisch gemacht. Naja, nicht ganz. die einzelnen "Zellen" müssen immer in einer Zeile sein und werden wie folgt gemacht:
    Code: <td></td> td steht für table data.

    Genau wie Code: <td> funktioniert auch Code: <th> . Nur dass bei letzterem der Tabellenkopf, also die Überschrift der Spalten gemeint ist (table head).


    Noch mal ein paar Beispiele (zum Kopieren und Einfügen z.B. oder auch nur zum Anschauen :wink: ):

    Tabelle mit 2 Spalten und 1 Zeile ohne Kopf dafür mit Umrandung:

    Code: <table border="1">
      <tr>
        <td>Spalte1, Zeile 1</td>
        <td>Spalte2, Zeile 1</td>
      </tr>
    </table>
    sieht so aus:
    <table border="1"> <tr> <td>Spalte1, Zeile 1</td> <td>Spalte2, Zeile 1</td> </tr> </table>
    Das ganze ohne Umrandung:
    Code: <table>
      <tr>
        <td>Spalte1, Zeile 1</td>
        <td>Spalte2, Zeile 1</td>
      </tr>
    </table>
    sieht so aus:
    <table> <tr> <td>Spalte1, Zeile 1</td> <td>Spalte2, Zeile 1</td> </tr> </table>
    Wieder mit Umrandung aber diesmal nur 1 Spalte und 5 Zeilen:
    Code: <table border="1">
      <tr>
        <td>blabal</td>
      </tr>
     <tr>
        <td>nochmal bla</td>
      </tr>
     <tr>
        <td>hmmm</td>
      </tr>
     <tr>
        <td>mir fällt nix mehr ein</td>
      </tr>
     <tr>
        <td>überhaupt nix mehr</td>
      </tr>
    </table>
    Ergebnis:
    <table border="1"> <tr> <td>blabal</td> </tr> <tr> <td>nochmal bla</td> </tr> <tr> <td>hmmm</td> </tr> <tr> <td>mir fällt nix mehr ein</td> </tr> <tr> <td>überhaupt nix mehr</td> </tr> </table>

    Eins noch. Wenn ihr die Beispiele so kopiert und wieder eifügt, bekommt ihr einen recht großen Abstand zwischen dem vor der Tabelle und der Tabelle. Daher ist es ratsam, alle Zeilenumbrüche zu löschen. Der Tabelle ist das sowieso egal, ob ein Leerzeichen, ein Tabulator, ein Zeilenumbruch oder überhaupt nix zwischen den Tags steht :wink:
    Also so (für das letzte Beispiel):
    Code: <table border="1"> <tr> <td>blabal</td> </tr> <tr> <td>nochmal bla</td> </tr><tr><td>hmmm</td></tr> <tr> <td>mir fällt nix mehr ein</td></tr><tr><td>überhaupt nix mehr</td></tr></table>
    Das lässt sich auch im Nachhinein noch wunderbar machen.



    Re: HOWTO Tabellen im Forum

    Ling-Woo - 04.11.2006, 20:05


    Ne, is klar!!! Sieht super aus ;-)

    Was du alles kannst (und ich nicht verstehe :oops: )!!??



    Re: HOWTO Tabellen im Forum

    kamikazegnom - 05.11.2006, 10:38


    mal probieren...

    Code: <table border="1">
       <tr>
        <th>Spalte1</th>
        <th>Spalte2</th>
       </tr>
        <tr>
        <td>Spalte1, Zeile 1</td>
        <td>Spalte2, Zeile 1</td>
      </tr>
        <tr>
        <td>Spalte1, Zeile 2</td>
        <td>Spalte2, Zeile 2</td>
      </tr>
    </table>
    ok und jetzt mal was handfestes...:

    <table border="1"> <tr> <th>Spieler</th> <th>Ew-Zahl</th>
    </tr> <tr> <td>Kamikazegnom</td> <td> ca.8200</td> <tr> <td>Anty</td> <td>ca.7100</td> </tr></table>ui es geht!
    is aber nicht leicht... immer wieder das öffnen und schließen der klammern... bzw... zeilen, spalten
    bischen lästig....



    Re: HOWTO Tabellen im Forum

    Ling-Woo - 05.11.2006, 11:29


    Soll das so aussehen kamikaze??? :D



    Re: HOWTO Tabellen im Forum

    Pierino - 05.11.2006, 11:52


    Ling-Woo hat folgendes geschrieben: Soll das so aussehen kamikaze??? :D

    und ich bin wohl zu blöde, um den sinn dahinter zu verstehen... :?:



    Re: HOWTO Tabellen im Forum

    madboy - 05.11.2006, 12:50


    Aller Anfang ist schwer :wink: Aber das wird schon.

    Eins hab ich noch:
    Da es manchmal gewünscht ist, dass die Tabelle größer ist, kann man noch folgendes machen:

    Code: <table border="1">
      <tr>
        <td width="30%">1. Zeile, 1. Spalte</td>
        <td width="55%">1. Zeile, 2. Spalte</td>
        <td width="15%">1. Zeile, 3. Spalte</td>
      </tr>
    </table>
    Daraus wird dann eine Tabelle, bei der die erste Spalte 30% der Bildschirmbreite groß ist. Die zweite Spalte 50%, die dritte 15%:

    <table border="1"> <tr> <td width="30%">1. Zeile, 1. Spalte</td> <td width="55%">1. Zeile, 2. Spalte</td> <td width="15%">1. Zeile, 3. Spalte</td> </tr></table>
    Natürlich kann man mit Tabellen noch viel mehr machen aber ich will hier ja keinen Roman schreiben :wink:
    Übrigens ist es nicht mehr so kompliziert, wie es am Anfang aussieht sobald ein Mal das Prinzip einer "Auszeichnungssprache" wie HTML im Kopf ist :D

    In der Hoffnung, euch nicht noch mehr verwirrt zu haben,
    madboy



    Re: HOWTO Tabellen im Forum

    kamikazegnom - 05.11.2006, 14:14


    ich weiß warum die so blöd glotzen! :lol:
    leute ich bin auch erst nicht dahintergestiegen aber ihr müsst zuerst in eurem profil das mit dem html code immer aktivieren oder wie das heißt einschalten... dann seht ihr auch tabellen und keine blöde aufreihung von unverständlichen zeichen und buchstaben... ;-)
    hihi ich glaub das is euer problem...
    sonst wäre da ne schöne tabelle...
    mhm mad kann man das als admit vielleicht einstelllen dass das von haus aus aktiv ist?



    Re: HOWTO Tabellen im Forum

    Linesse - 05.11.2006, 15:17


    Hihi, ja jetzt sehe ich auch Tabellen.

    Ich dachte schon Mad will uns jetzt komplett verarschen...



    Re: HOWTO Tabellen im Forum

    madboy - 05.11.2006, 15:27


    Hmmm. Sorry. Das hab ich net gewusst dass da noch Einstellungen gemacht werden müssen. Bei mir war HTML standardmässig aktiviert.

    Habe gerade geschaut und nix gefunden, um das für alle zu ändern. Muss wohl jeder selber machen :cry:



    Mit folgendem Code, können Sie den Beitrag ganz bequem auf ihrer Homepage verlinken



    Weitere Beiträge aus dem Forum Untitled

    freaky_rommel - gepostet von freaky_rommel am Freitag 08.09.2006
    Bewerbung stöpsel43 - gepostet von Anonymous am Donnerstag 20.07.2006
    Laehm und dr.d - gepostet von madboy am Dienstag 17.10.2006
    IRC (Internet Relay Chat)/ ICQ Zur Koordination - gepostet von Ling-Woo am Freitag 02.06.2006



    Ähnliche Beiträge wie "HOWTO Tabellen im Forum"

    Fragen zum Forum und zur Homepage - KageJubei (Samstag 20.09.2008)
    Forum von SchattenNinja - SchattenNinja (Donnerstag 09.11.2006)
    Soll ich mich im forum anmelden? - Anonymous (Sonntag 05.11.2006)
    Unser neues Forum! - ChrisKH (Sonntag 02.05.2004)
    Forum is On - Belebt es - craysi (Samstag 17.09.2005)
    43 Designe za Forum - 2iggy (Montag 14.03.2005)
    Forum fertig -> Abstimmung über die Squads - Dis (Montag 17.07.2006)
    Um das Forum voll nutzen zu können... - gandalf (Donnerstag 01.06.2006)
    Geburtstagskinder im Forum - attams (Samstag 20.01.2007)
    Zu wenig im Forum - BernieSchiebulla (Freitag 06.05.2005)