Bedingte Formatierung von Zahlen

[Frank]

Hallo und guten Tag!

Ich möchte eine Liste (Tabellenspalte) mit Zahlen in Abhängigkeit vom Wert in verschiedenen Farben formatieren. Z.B. negative Zahlen rot und positive Zahlen (und Null) schwarz. Geht das mit einfachem HTML/CSS und wenn ja, wie?
Vielen, vielen Dank im voraus!

Frank

[Ashura]

Hallo Frank.

Ich möchte eine Liste (Tabellenspalte) mit Zahlen in Abhängigkeit vom Wert in verschiedenen Farben formatieren. Z.B. negative Zahlen rot und positive Zahlen (und Null) schwarz. Geht das mit einfachem HTML/CSS und wenn ja, wie?

Nein, das ist (momentan) nicht möglich, hierfür benötigst du ein Script.
Mit JS z. B. könntest du alle Zeilen (http://de.selfhtml.org/javascript/objekte/htmlelemente.htm#table@title=rows) einer Tabelle mit einer http://de.selfhtml.org/javascript/sprache/schleifen.htm#for@title=Schleife durchlaufen und den http://de.selfhtml.org/javascript/objekte/node.htm#node_value@title=Inhalt des von dir angegebenen Zellenindex (http://de.selfhtml.org/javascript/objekte/htmlelemente.htm#tr@title=cell, für die Spalte) auf den betreffenden Wertebereich überprüfen (und ggf. vorher von einem String in eine Zahl http://de.selfhtml.org/javascript/objekte/unabhaengig.htm#parse_int@title=umwandeln) und je nach Fall die http://de.selfhtml.org/javascript/objekte/style.htm#style_eigenschaften@title=background-Eigenschaft der Zelle deinen Wünschen entsprechend anpassen.

Einen schönen Montag noch.

Gruß, Ashura

[Tim Tepaße]

Hallo,

Ich möchte eine Liste (Tabellenspalte) mit Zahlen in Abhängigkeit vom Wert in verschiedenen Farben formatieren. Z.B. negative Zahlen rot und positive Zahlen (und Null) schwarz. Geht das mit einfachem HTML/CSS und wenn ja, wie?

Automatisch nur mittels HTML und CSS geht das nicht.

Du müsstest jeder Tabellenzelle die Information mitgeben, welcher Klasse (positive  oder negative Zahl) sie angehört. Wenn Du die Seite per Hand tippst, ist das eine Heidenarbeit. Kommen die Informationen dagegen aus einer serverseitigen Datenbank oder einer ähnlichen Datenquelle, könntest Du bereits beim Ausliefern der Seite in der Programmiersprache Deiner Wahl die Tabellenzelle anhand des enthaltenden Wertes ausliefern:

<td class="negative-zahl">- 3,12</td>

... und diese dann in CSS entsprechend formatieren:

td.negative-zahl {  
  color:red;  
}

Tim