[HTML] Tabelle erstellen

Dieses Thema im Forum "Webdesign" wurde erstellt von juppwatis, 20. August 2009 .

Status des Themas:
Es sind keine weiteren Antworten möglich.
  1. 20. August 2009
    Tabelle erstellen

    Hallo zusammen,

    ich versuche jetzt schon seit über ner stunde so eine tabelle zu machen um die Spieltage schön darstellen zu können, wie es hier der fall ist:

    http://www.fv-brombach.com/fvb_page/fvb-vorschau.htm

    ich bekomme es einfach nicht gescheit hin, bzw. gar nicht so wirklich. meine lösung bisher ist die folgende:

    Code:
    <tr>
    <td class="style33" colspan="7"><strong>» 01. Spieltag - Kreisliga A / Staffel 12009/10</strong></td>
    </tr>
    <tr>
    <td class="style26" width="21%"><strong>23.08. 15.00 Uhr</strong></td>
    <td class="lmost5" width="28%"><address class="style26">SVT1</address></td>
    <td width="3%"><span class="style22"> -</span></td>
    <td class="lmost5" width="33%"><address class="style26" style="height: 11px;"><strong>FC Grenzach</strong></address></td>
    <td width="3%">-</td>
    <td width="3%">:</td>
    <td style="width: 5%;">-<span class="style22"> </span></td>
    </tr>
    <tr>
    <td class="style31" colspan="7">
    <table id="table135" class="txt-error" style="width: 100%;" border="0" cellspacing="0" cellpadding="0" align="center">
    <tbody>
    <tr>
    <td class="bg-line"><img src="space.gif" border="0" height="1" /></td>
    </tr>
    </tbody>
    </table>
    </td>
    </tr>
    <p> </p>
    <tr>
    <td class="style33" colspan="7"><strong>» 01. Spieltag - Kreisliga A / Staffel 12009/10</strong></td>
    </tr>
    <tr>
    <td class="style26" width="21%"><strong>23.08. 15.00 Uhr</strong></td>
    <td class="lmost5" width="28%"><address class="style26">TuS Lörrach-Stetten</address></td>
    <td width="3%"><span class="style22"> -</span></td>
    <td class="lmost5" width="33%"><address class="style26" style="height: 11px;"><strong>SVT1</strong></address></td>
    <td width="3%">-</td>
    <td width="3%">:</td>
    <td style="width: 5%;">-<span class="style22"> </span></td>
    </tr>
    <tr>
    <td class="style31" colspan="7">
    <table id="table135" class="txt-error" style="width: 100%;" border="0" cellspacing="0" cellpadding="0" align="center">
    <tbody>
    <tr>
    <td class="bg-line"><img src="space.gif" border="0" height="1" /></td>
    </tr>
    </tbody>
    </table>
    </td>
    </tr>
    kann mir das jmd richtig machen mit tabelle? das bei mir ist ja keine tabelle und ich raff es einfach nich

    Lg
     
  2. 20. August 2009
    AW: Tabelle erstellen

    Naja, das ist ein wenig chaotisch was du da zusammengebastelt hast.
    Das ist aber echt nicht schwer, ich bin sicher du schaffst das, allerdings sollte man dir sagen wie es gemacht wird.
    Beispiel:

    HTML:
    <table border="1">
     <tr>
     <td>Erste Zeile, erste Spalte</td>
     <td>Erste Zeile, zweite Spalte</td>
     </tr>
     <tr>
     <td>Zweite Zeile, erste Spalte</td>
     <td>Zweite Zeile, zweite Spalte</td>
     </tr>
    </table>
    
    <table border="x">...</table> definiert eine Tabelle mit der Rahmendicke x.. Dazwischen kommt alles andere.
    <tr>..</tr> kennzeichnet eine Tabellenreihe, also kommt dazwischen alles was nebeneinander stehen soll.
    <td>..</td> ist eine Tabellenzelle in die du dann den Inhalt schreibst..
    Das schaffst du ganz sicher, und du musst das System ja verstehen wenn du künftig damit arbeiten willst. Sehr gut erklärt ist das auch hier:
    SELFHTML: HTML / Tabellen
    Formatiert wird das ganze dann später per CSS. schau erstmal, dass du den generellen Aufbau hinbekommst.

    Hoffe ich konnte helfen.
    mfg.
     
  3. 20. August 2009
    AW: Tabelle erstellen

    hi,

    so habe es mir jetzt mal ne zeitlang angeschaut, rumprobiert und bin zu folgendem Ergebnis gekommen:

    Code:
    <hr />
    <table style="width: 449px;" border="”1”;" cellspacing="1" cellpadding="0">
    <colgroup span="”8”"> <col width="40"></col> <col width="90"></col> <col width="150"></col> <col width="5"></col> <col width="150"></col> <col width="6"></col> <col width="2"></col> <col width="6"></col> </colgroup> 
    <tbody>
    <tr>
    <td colspan="8"><span style="font-family: Arial, Helvetica, sans-serif; font-size: 13px"><strong>Samstag, den 22. August 2009</strong></span></td>
    </tr>
    <tr>
    <td colspan="8"><span style="font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: blue"><strong>»1.Spieltag - Kreisliga B / Staffel 2</strong></span></td>
    </tr>
    <tr>
    <td align="left" valign="middle"><span style="font-family: Arial, Helvetica, sans-serif; font-size: 11px">22.08.</span></td>
    <td align="left" valign="middle"><span style="font-family: Arial, Helvetica, sans-serif; font-size: 11px">18:00 Uhr</span></td>
    <td align="right" valign="middle"><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;"><span style="font-size: 11px;"><strong>SVT 2</strong></span></span></td>
    <td align="center" valign="middle"><span style="font-family: Arial, Helvetica, sans-serif; font-size: 11px">-</span></td>
    <td align="left" valign="middle"><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;"><span style="font-size: 11px;">FC Hausen</span></span></td>
    <td align="center" valign="middle"><span style="font-family: Arial, Helvetica, sans-serif; font-size: 11px">-</span></td>
    <td align="center" valign="middle"><span style="font-family: Arial, Helvetica, sans-serif; font-size: 11px">:</span></td>
    <td align="center" valign="middle"><span style="font-family: Arial, Helvetica, sans-serif; font-size: 11px">-</span></td>
    </tr>
    </tbody>
    </table>
    
    wie findest du/ihr das?

    Lg
     
  4. 20. August 2009
    AW: Tabelle erstellen

    Hi.. Mal ganz vom Thema abgesehen würde ich dir empfehlen den Code einzurücken. Das ist wesentlich schöner zu lesen.

    Du schreibst
    border="”1”;"
    aber da ist doch einiges nicht in Ordnung. Drei Anführungszeichen und ein Semikolon zu viel. border="1" tuts auch ^^

    Den Kram mit dem colgroup kann man machen, muss man aber nicht. ^^

    So ganz valide ist die Seite nicht, ein bisschen umständlich alles halt. Wenn dir das egal ist und du nur das Ergebnis haben möchtest stimmts ja, oder? Oder sieht deine Tabelle noch nicht so aus wie du möchtest?

    Was du auch vereinfachen kannst ist ja die ganzen mehrfach aufgeschriebenen style Informationen in einer class zusammenzufassen die du im head geklarierst. Dann brauchst du deinen Zellen nur noch einer class zuweisen.

    Ka, was du noch ändern willst. Nur dann kann man helfen, wenn du nicht auf Codebewertung aus bist

    mfg.
     
  5. 20. August 2009
    AW: Tabelle erstellen

    wie macht man das mit der class, damit man nur noch die class zuweisen muss?
     
  6. 20. August 2009
    Zuletzt von einem Moderator bearbeitet: 15. April 2017
    AW: Tabelle erstellen

    Alles Metafragen > Closed.
    Tipp: geh nochmal konzentrierter dran (nach dem Lesen und befolgen des verlinkten Themas), dann klappts auch.
     
  7. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.