Tabellen anders gestalten
#1
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
Zitieren
#2
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
Zitieren
#3
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.
Zitieren
#4
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
Zitieren
#5
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.
Zitieren
#6
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
Zitieren
#7
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
Zitieren
#8
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
Zitieren
#9
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
Zitieren
#10
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" MrGreen

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 confused

Bis denne
Andreas


Angehängte Dateien Thumbnail(s)
   
Zitieren



Möglicherweise verwandte Themen...
Thema Verfasser Antworten Ansichten Letzter Beitrag
  Tabellen problem Führmann 32 4.747 27.10.2009, 00:18
Letzter Beitrag: Unkraut
  Webseite gestalten Katjuscha 2 1.496 25.06.2008, 20:10
Letzter Beitrag: Katjuscha
  Mit CSS eine Menütabelle gestalten. ireen2006 2 1.293 06.10.2006, 11:04
Letzter Beitrag: ireen2006
  HP mit Tabellen thilosmaus 4 1.348 02.09.2006, 18:47
Letzter Beitrag: thilosmaus
  Feste größe Tabellen... Lupo 1 1.219 14.11.2005, 20:47
Letzter Beitrag: micha02
  Inhalte in Tabellen einfügen? Robbedsl 2 1.191 31.07.2005, 13:19
Letzter Beitrag: Robbedsl
  Tabellen Hintergrund angisun 5 2.020 18.08.2004, 13:33
Letzter Beitrag: Jürgen
  Menü mit Tabellen Harty 16 3.478 17.08.2004, 17:36
Letzter Beitrag: Harty
  Tabellen und Jalbum ? angisun 8 2.392 04.05.2004, 18:07
Letzter Beitrag: Hulot
  verschachtelte Tabellen udog 7 2.165 19.03.2004, 23:24
Letzter Beitrag: Jürgen