CSS-Ergänzung

[Felix Riesterer]

Lieber Fiffi,

Ich hab noch nie mit CSS gearbeitet. Geschweige CSS mit PHP :-(

aha! Das ist doch eine wesentliche Erkenntnis! Also helfe ich Dir noch ein bisschen mit CSS weiter.

Wenn mein obiger Code funktioniert (ich habe ihn nicht getestet!), dann hast Du ein Dokument, in dem gewisse Elemente eine Klasse haben. Dabei setze ich jetzt voraus, dass Du meinen Code dahingehend erweiterst, dass der Browser am Ende ein vollständiges HTML-Dokument erhält!

Diese Klassenzugehörigkeit kann man in CSS aufgreifen und <http://de.selfhtml.org/css/formate/anzeige/divspan.htm@title=für die Darstellung nutzen>. Dazu brauchst Du nun eine CSS-Datei (ist eine gewöhnliche Textdatei mit CSS-Code), die Du am besten in einem eigenen CSS-Verzeichnis ablegst.

/bingo/
 |
 +--css/
 |   |
 |   +-- screen.css
 |
 +--images/
 |   |
 |   +-- bild.jpg
 |
 +--bingo.php

Wenn Du in Deinem HTML-Dokument diese <http://de.selfhtml.org/css/formate/einbinden.htm#separat@title=externe CSS-Datei einbindest>, dann kann der Browser diese Darstellungsanweisungen nutzen und an Deinen Elementen umsetzen. Das hat den unschätzbaren Vorteil, dass die Angaben zum Aussehen nicht im HTML-Code stehen.

Was muss nun in die CSS-Datei? Ich helfe Dir:

table.tippuebersicht {  
	border: 1px solid black;  
        border-collapse: collapse;  
}  
.tippuebersicht th,  
.tippuebersicht td {  
	border: 1px solid black;  
}  
.treffer {  
	color: red;  
}  
.ungetippt {  
	background: white;  
}

Wenn Du die CSS-Datei mit diesem Inhalt angelegt hast, und wenn Du sie dann im Dokument korrekt referenzierst, dann wird die Darstellung im Browser ganz schnell sehr eindeutig. Probier's aus!

Liebe Grüße,

Felix Riesterer.