Tabelle mit HTML

  • Ich möchte gerne die unten dargestellte Tabelle mit HTML (tables) machen. Jedoch habe ich leider so gut wie keine Ahnung von HTML. Könnte mir vieleicht jemand den Code dafür geben? Das wäre echt sehr nett. Die Farben und die Abstände bzw. Grössenverhältnisse kann ich selbst definieren. Ich brauche nur das Gerüst mit Zeilen und Spalten. Bitte helft mir.

    [Blockierte Grafik: http://coupe-de-la-ligue.de/group1.jpg]

    Einmal editiert, zuletzt von ssd (22. September 2008 um 17:13)

  • moin ...
    Du brauchst ein <table>
    sechs <tr>`s
    41 <td>`s
    ein colspan="8"

    Das ganze mit schließenden</table></tr>`s</td>`s versehen und fertich is die Tabelle.
    Bischen was solltest Du halt selber machen
    gruß...

  • nein ich werde (und ich hoffe die anderen sehen das ähnlich) nicht einfach den code dafür geben und hoffen, dass du zufrieden bist.
    ich werde dir sagen wie du SOETWAS erstellen kannst und darauf vertrauen, dass du diese tabelle selbst schreiben kannt ;)

    also eine tabelle leiten wir mit dem <table> tag ein und schließen sie durch </table>, ich denke soweit sollte das auch schon bekannt sein
    eine neue zeile beginsnt du mit <tr> auch hier wieder schließen.
    eine neue zelle mit <td> und geschlossen natürlich auch.
    achte darauf, das in jeder zeile die selbe anzahl zellen vorhanden ist.
    mit diesem wissen können wir schonmal ein einfaches beispiel erstellen:

    Code
    <table border="1"> <!-- Defintion der tabelle und setzen des tabellen rands mit border -->
    <tr> <!-- hier beginnt zeile eins -->
    <td>oben links</td> <!-- Zelle eins in Zeile eins -->
    <td>oben richt</td> <!-- Zelle zwei in Zeile eins -->
    </tr> <!-- Ende ziele eins -->
    <tr> <!-- hier beginnt zeile zwei -->
    <td>oben links</td> <!-- Zelle eins in Zeile zwei -->
    <td>oben richt</td> <!-- Zelle zwei in Zeile zwei -->
    </tr> <!-- Ende zeile zwei -->
    </table>

    jetzt musst du das nur noch übertragen

    //edit: topfblume war zwar schneller, dfür ist meisn ausfürhlicher :P

    Orthografie und Grammatik in diesem Beitrag sind frei erfunden und eine eventuell gefundene Übereinstimmung mit einer lebenden oder toten Sprache sollte von allen Beteiligten unverzüglich ignoriert werden.

    K-Progs (In bearbeitung)
    Der inoffizielle Forum-hilfe IRC-Channel
    (Server: irc.freenode.net ; Channel: #forum-hilfe) (Client für FF)
    Ich hab auch 'n Jabber-Account beim CCC ;)

  • nein ich werde (und ich hoffe die anderen sehen das ähnlich) nicht einfach den code dafür geben und hoffen, dass du zufrieden bist.
    ich werde dir sagen wie du SOETWAS erstellen kannst und darauf vertrauen, dass du diese tabelle selbst schreiben kannt ;)

    also eine tabelle leiten wir mit dem <table> tag ein und schließen sie durch </table>, ich denke soweit sollte das auch schon bekannt sein
    eine neue zeile beginsnt du mit <tr> auch hier wieder schließen.
    eine neue zelle mit <td> und geschlossen natürlich auch.
    achte darauf, das in jeder zeile die selbe anzahl zellen vorhanden ist.
    mit diesem wissen können wir schonmal ein einfaches beispiel erstellen:

    Code
    <table border="1"> <!-- Defintion der tabelle und setzen des tabellen rands mit border -->
    <tr> <!-- hier beginnt zeile eins -->
    <td>oben links</td> <!-- Zelle eins in Zeile eins -->
    <td>oben richt</td> <!-- Zelle zwei in Zeile eins -->
    </tr> <!-- Ende ziele eins -->
    <tr> <!-- hier beginnt zeile zwei -->
    <td>oben links</td> <!-- Zelle eins in Zeile zwei -->
    <td>oben richt</td> <!-- Zelle zwei in Zeile zwei -->
    </tr> <!-- Ende zeile zwei -->
    </table>

    jetzt musst du das nur noch übertragen

    //edit: topfblume war zwar schneller, dfür ist meisn ausfürhlicher :P


    Danke für den Tip! Du hast mir damit echt weiter geholfen. :) Allerdings habe ich ein Problem... wie Du dem Code s.u. entnehmen kannst, stimmt die erste Zeile noch nicht ganz. Könntest Du mir da weiter helfen? Den Rest kann ich dann selbst. ;)

  • Danke Bandit. Dieser Link war schon sehr viel hilfreicher als der erste. :)


    Wieso? Ein paar Mausklicks und du wärst von alleine dahingekommen.