[linux-l] CSS: Balkendiagramm
Thomas Schmidt
belug at thomasschmidt.com
Fr Jun 9 10:57:21 CEST 2006
Hallo!
Zur grafischen Aufbereitung von Meßwerten möchte ich ein Balkendiagramm
in CSS darstellen.
Es soll wie ein kontinuierliches Signal aussehen, also senkrechte Balken
ohne Platz dazwischen.
Mit position:absolute; kann ich jeden Balken an die richtige Stelle
rücken. Schöner wäre es aber, wenn sie sich von alleine nebeneinander
aufreihen würden.
Der height-Parameter wird anscheinend nur bei position:absolute; und
Elementen mit eingebautem Zeilenumbruch (h1, div) ausgewertet.
Notlösung wäre, mit display:table-cell; Tabellenspalten zu erzeugen und
in jede Zelle wieder eine Zelle mit Höhenangabe:
*<div* style="display:table-cell; width:10px; height:50px; background-color:#000;" title="Amplitude: 20"*>*
*<div* style="display:table-cell; width:10px; height:30px; background-color:#FFF;"*>*
*</div></div>*
*
<div* style="display:table-cell; width:10px; height:50px; background-color:#000;" title="Amplitude: 30"*>*
*<div* style="display:table-cell; width:10px; height:20px; background-color:#FFF;"*>*
*</div></div>*
Geht es auch ohne geschachtelter Elemente?
Thomas
Mehr Informationen über die Mailingliste linux-l