Tabellen anders gestalten

[Andreas69]

Hallöchen,
auch wenn noch immer nicht so ganz klar ist, wie es nun mit der Mannschaft in Zukunft läuft, möchte ich die Homepage weiter ausbauen.
Im Moment, da die Saison für uns im Freien bald wieder beginnt, bin ich an den Spielplänen und Tabellen.
Dabei hätte ich gerne eine Änderung zu meiner alten Art die Tabellen zu machen.
Ich hätte gerne alles was auf der Homepage später in einer Reihe zu sehen ist, auch im Code schon in einer Reihe stehen. Gerne würde ich diese Reihen mit zwei verschiedenen Grüntönen versehen. Wenn ich es nach meiner jetzigen Methode mache, hätte ich ja ständig den Farbton wieder neu einzugeben.
Hoffentlich konnte ich mich halbwegs Verständlich machen.
Bei selfhtml habe ich zwar etwas über Hintergrundfarben in Tabellen lesen können, aber nicht wie man eine Tabelle nach meinen Wünschen machen kann.

Hier mal ein kleiner Auszug aus den bisherigen Code, so wie ich ihn eigentlich nicht mehr haben möchte.

Code:

<td colspan="8" nowrap><p align="center"><font face="Arial"><b>Tabelle F1 (Stand 01.11.07)</b></font></p>
</td>

<tr>
<td><b>Platz</b></td>
<td><b>Mannschaft</b></td>
<td><b>Spiele</b></td>
<td><b>S</b></td>
<td><b>U</b></td>
<td><b>N</b></td>
<td><b>Punkte</b></td>
<td><b>Tore</b></td>
</tr>

<td>1</td>
<td>Sportfreunde Oberau 2</td>
<td><center>1</td>
<td>1</td>
<td>0</td>
<td>0</td>
<td><center>3</td>
<td>4:1</td>
</tr>

<td>2</td>
<td><b>JSG Glauburg 1</b></td>
<td><center>1</td>
<td>0</td>
<td>1</td>
<td>0</td>
<td><center>1</td>
<td>0:0</td>
</tr>

Gruß
Andreas

[Jürgen]

Hallo Andreas,

mach es doch so wie ich auf meiner Partnerseite...
http://www.juergens-workshops.de/links01.shtml.

Dort sind die Tabellen mit CSS formartiert.
Das dazu gehörige CSS mit allen Formartierungen
meiner HP findest Du hier...
http://jigsaw.w3.org/css-validator/valid...rkshop.css.

Wäre das OK für Dich? Brauchst ja nur die Farben zu ändern,
es ist aus dem Quelltext ersichtlich.

Bis dann
Jürgen

[prm]

Du willst eine "Tabelle" darstellen.
Für eine solche "Tabelle" ist die "Tabelle" eben die geeignete Tabellenform, auch wenn ich sonst kein Freund davon bin. Aber für strukturierte Darstellungen wie hier ist es m.E. die beste Lösung.

Die Zeilenfarben definierst du in der CSS-Datei, z.B. so:

Code:

.dg {background: #006400}
.hg {background: #228B22}

HTML (öffnen der tr nicht vergessen):

Code:

<table>
<tr class="dg">
<td><b>Platz</b></td>
<td><b>Mannschaft</b></td>
<td><b>Spiele</b></td>
<td><b>S</b></td>
<td><b>U</b></td>
<td><b>N</b></td>
<td><b>Punkte</b></td>
<td><b>Tore</b></td>
</tr>

<tr class="hg">
<td>1</td>
<td>Sportfreunde Oberau 2</td>
<td><center>1</td>
<td>1</td>
<td>0</td>
<td>0</td>
<td><center>3</td>
<td>4:1</td>
</tr>

<tr class="dg">
<td>2</td>
<td><b>JSG Glauburg 1</b></td>
<td><center>1</td>
<td>0</td>
<td>1</td>
<td>0</td>
<td><center>1</td>
<td>0:0</td>
</tr>
</table>

Das ist zum Ausfüllen und aktualisieren in der Tat etwas mühsam, weil man leicht den Überblick verliert. Ich habe mir so beholfen:
Die Spielergebnisse (Tabelle) erfasse ich in einer Excel-Tabelle. Diese ergänze ich nach jedem Spieltag, speichere sie zusätzlich als PDF-Datei ab.
Die PDF-Datei lade ich hoch und setze einen Link. So spare ich mir den umfangreichen Tabellencode.

Viele Vereine/Verbände sind auch einem sog. "SIS-System" angeschlossen. Dort werden die Ergebnisse ind Tabellen im Internet veröffentlicht. Auch dazu könntest du einen Link setzen, falls es für eure Klasse so etwas gibt.

[Helmut]

Hi,

schade das Du nix mit PHP machen kannst, so zumindest hab ich da was in Erinnerung. Das würde Dir nämlich 90% der Arbeit abnehmen. Vorallem das konstruieren der Tabellen und CSS Anweisungen.

Damit kannst Du z.B. beliebige Datensätze einer Textdatei in Tabellenform ausgeben.

PHP-Code:

<?php
$daten         = file('daten.dat');
$first_row     = explode('|', $daten[0]);
$anzahl     = count($first_row);
$zeilen     = count($daten);

$tab_titel_row = '';
for($i = 0; $i< $anzahl; $i++) {
$tab_titel_row .= "<td class=\"toprow\">$first_row[$i]</A></td>";
}


echo  "<table  border=\"1\" align=\"center\">"; 
echo  "<tr>"; 
echo  $tab_titel_row;
echo  '</tr>';

$cssclass = 'rowa';
    for($j = 1; $j < $zeilen; $j++) {
    $cssclass = $cssclass == 'rowa' ? 'rowb' : 'rowa';
    echo    "<tr>";
        $rows     = explode('|', $daten[$j]);
        for($t = 0;  $t < $anzahl;  $t++)  { 
        $rows[$t] = $rows[$t] != '' ? $rows[$t] : '&nbsp;';
        echo    "<td class=\"$cssclass\">$rows[$t]</td>"; 
        }            
    echo    "</tr>\n";
    }
echo  "</table>";   
?>

Das wäre der Beispieldatensatz dazu...

Code:

Name|Vorname|Datum|Land|Männlich/Weiblich
Walter|Helmut|2004.02.02|Deutschland|M
Meyer|Lisa|2003.12.28|Deutschland|W
Müller|Maximilian|2002.05.22|Schweiz|M
Lehmann|Hubert|2002.11.01|Oesterreich|M
Schulze|Stefanie|2004.01.04|Deutschland|W
Wolter|Willy|2002.06.09|Oesterreich|M
Thomas|Eva-Maria|2004.01.17|Schweiz|W
Schneyder|Jean|2001.09.04|Frankreich|M
Clerc|Pascale|2002.11.17|Frankreich|M
Benguerel|Sebastian|2003.08.10|Spanien|M
Carl|Johanna|2002.10.01|Deutschland|W

und das wird ausgegeben...
   

Kommen da neue Daten dazu oder fallen welche weg, Datensatz aktualisieren, neu hochladen, fertig... ;-)

Cu Helmut

[prm]

Wenn der Webspace php-fähig ist, müsste Andreas ja nur das Script einfügen und etwas anpassen.
Hier hab' ich noch so was ähnliches in Erinnerung. Das hat damals gut funktioniert. Kenne mich mit PHP leider (immer noch) nicht aus.

[Andreas69]

Danke für die schnellen und umfangreichen Antworten, aber ich habe mir da wohl im Moment doch etwas zu viel zugemutet (siehe hier). Ich dachte, dass etwas Ablenkung mir gut tut, aber die Gedanken sind doch anderswo.
Werde eure Vorschläge aber in den nächsten Tagen bearbeiten und melde mich dann wieder.
Vielleicht eines noch kurz.
PHP habe ich tatsächlich nicht. Wenn ich jetzt wüsste, wie es mit dem Team weiter läuft, dann würde ich ja vielleicht noch umstellen. Wie ich an diesem simplen Beispiel sehe, könnte man sich damit ja so einiges an Arbeit ersparen. Problem ist dann nur, ich bin ja noch nicht einmal der Crack in Html und von php habe ich schon gar keine Ahnung, wäre also auf die Hilfe von anderen angewiesen.
Aber damit für heute auch Schluss.
Melde mich die Tage wieder.

Ach so...
Joo Helmut, so genau soll es aussehn! :daumen:

Gruß
Andreas

[Andreas69]

Moin,
ich habe mich nun an diese Sache gewagt und so sieht es bislang aus. Klick mich
Ich habe dafür als Anhalt den Vorschlag von Jürgen berücksichtigt.
Fertig ist es noch nicht, da es mehr so eine Nacht und Nebel Aktion war, aber zumindest steht das Gerüst. Irgendwo habe ich da noch einen Wurm drinnen sitzen, da Änderungen im CSS, bezüglich Größe und Aussehen der Schrift, sich nicht auf der Seite auswirken. Das werde ich mir aber später nochmals ansehen, jetzt ist Schluss für heut.

Natürlich wäre es mit der Variante von Helmut um einiges leichter. Ich möchte aber, vor einer Umstellung meines Tarifs, erst die weiteren Geschehnisse in den Vereinen abwarten (siehe Startseite). Wobei die von mir dort beschriebene Situation auch schon wieder nicht ganz stimmt, es ändert sich hier fast täglich.
Sch... Vereinspolitik!!!:stinkig:

Gruß
Andreas

[Andreas69]

Hallöchen,

nach langer Zeit bin ich nun wieder auf der Seite so richtig aktiv geworden.
Nun stellte ich fest, da ich einige Dinge in den Spielplan eingetragen habe, dass mir der MS-IE die Spielpläne wieder ganz anders darstellt.
Im Firefox sind sie fixiert, egal wie groß die Menge an Text ist, die Breiten der Tabelle ändern sich nicht. Im IE verschiebt sie sich. Wie kann ich dies umgehen, so dass es in beiden Browsern gleich aussieht?
Also es soll im IE so angezeigt werden, wie es der Ff auch macht.

Gruß
Andreas

[Helmut]

Hi,

ja, ja, die Browser und ihre Darstellungseigenheiten. :icon_vampirschreck: Wenn Du das unbedingt überall Pixelgenau gleich breit haben willst kenn ich nur die Methode die Tabelle mit unsichtbaren "Balken" (transparente Pixelgrafik mit Maßangabe) auf Breite zu zwingen.

Cu Helmut

[Andreas69]

Hallo Helmut,
also es kommt mir nicht auf ein pixelchen an, aber hier sind die Unterschiede ja schon ganze Meter (siehe Anhang). Ober der Ff und unten der IE. Man könnte fast schon glauben, es seien Ausschnitte aus verschiedenen Seiten ;-)

Was ich nun nicht verstehe!!!
Ich habe doch genaue Angaben zur Breite gemacht, warum werden sie im einen Browser übernommen und der andere sagt sich: "Mir doch egal was Du willst, ich brodel hier mein eigenes Süppchen"

Und nun zu deinem Vorschlag.
Wenn ich es nun richtig verstanden habe, soll ich mir Transparente Grafiken machen und diese dann mit genauen Angaben zur Breite in die Tabellen einfügen, richtig?

Hört sich doch schon wieder mächtig kompliziert an

Bis denne
Andreas