Farbige Kennzeichnung von Zahlenwerten
0 0 0 0 0 0 
Gunnar Bittersmann
0 
at
0
0 
MudGuard
0
0 Tim Tepaße
Farbige Kennzeichnung von Zahlenwerten
Hallo,
ist es möglich in einer .css Datei verschiedene Zahlenwerte (z.B. 0001-0003 = rot, 0004-0006 = blau usw.) zu kennzeichnen?
Verwende diese css Datei und bräuchte z.B. für den Wert 4 dies Möglichkeit.
##########################################
/* Stylesheet-Datei: formate.css */
.body { margin-left:0px; margin-top:0px; color: #000000; font-size: 12px; font-family: Arial; background-color: #fafafa }
.ueberschrift { color: #000000; font-size: 10px; font-family: Arial; background-color: #daa520; margin-bottom: 2px }
.text1 { color: #000000; font-size: 10px; font-family: Arial; background-color: #ffc }
.text2 { color: #000000; font-size: 10px; font-family: Arial; background-color: #f5f5f5 }
/* Werte pro Zeile */
/* normal: mit Zeilenumbruch */
/* nowrap: ohne Zeilenumbruch */
.wert1 { padding-right: 2px; padding-left: 2px; white-space:nowrap }
.wert2 { padding-right: 2px; padding-left: 2px; white-space:nowrap; color: #360; font-size: 12px }
.wert3 { padding-right: 2px; padding-left: 2px; white-space:nowrap; }
.wert4 { padding-right: 2px; padding-left: 2px; color: #900; font-size: 12px }
.wert5 { padding-right: 2px; padding-left: 2px; white-space:nowrap; }
.wert6 { padding-right: 2px; padding-left: 2px; white-space:nowrap; }
.wert7 { padding-right: 2px; padding-left: 2px; white-space:nowrap; }
.wert8 { padding-right: 2px; padding-left: 2px; white-space:nowrap; color: #000; font-weight: bolder; font-size: 11px }
.wert9 { padding-right: 2px; padding-left: 2px; white-space:nowrap; }
.wert10 { padding-right: 2px; padding-left: 2px; white-space:nowrap; }
.link { padding-right: 2px; padding-left: 2px; font-size: 12px }
##########################################
Vielen Dank im Vorraus
-
hi,
ist es möglich in einer .css Datei verschiedene Zahlenwerte (z.B. 0001-0003 = rot, 0004-0006 = blau usw.) zu kennzeichnen?
Verwende diese css Datei und bräuchte z.B. für den Wert 4 dies Möglichkeit.Wo von bitte redest du ...?
Falls du so etwas wie "Variablen" meinen solltest: CSS ist keine Programmiersprache.
gruß,
wahsaga--
/voodoo.css:
#GeorgeWBush { position:absolute; bottom:-6ft; } -
Moin!
ist es möglich in einer .css Datei verschiedene Zahlenwerte (z.B. 0001-0003 = rot, 0004-0006 = blau usw.) zu kennzeichnen?
Es gibt in CSS bis zur Version 3.0 (die ja noch nicht mal offiziell fertig ist) keinen Selektor, um basierend auf dem HTML-Inhalt eines Elements zu formatieren.
Sofern du also dieses HTML hast:
<div class="wert04">0002</div> <div class="wert04">0007</div>kannst du die zwei DIVs mit keinem CSS unterschiedlich formatieren. Dazu wäre irgendein zusätzliches Unterscheidungsmerkmal erforderlich, beispielsweise unterschiedliche Klassennamen (alles darüber hinausgehende wirft am ehesten im IE6 Probleme auf).
<div class="wert04a">0002</div> <div class="wert04b">0007</div>Das dann mit CSS unterschiedlich zu formatieren sollte kein Problem sein.
- Sven Rautenberg
--
My sssignature, my preciousssss!-
Hallo Sven.
Sofern du also dieses HTML hast:
<div class="wert04">0002</div>
<div class="wert04">0007</div>> kannst du die zwei DIVs mit keinem CSS unterschiedlich formatieren. Warum sollte man das nicht können? ~~~css div { background:#fff; color:#f00; } div+div { background:#fff; color:#069; }Einen schönen Mittwoch noch.
Gruß, Ashura
--
sh:( fo:} ch:? rl:( br: n4:~ ie:{ mo:| va:) de:> zu:} fl:( ss:) ls:[ js:|
mathbr:del.icio.us/ mathbr:w00t/-
Hi,
Warum sollte man das nicht können?
weil dann der CSS-Code abhängig vom Inhalt erzeugt werden müsste. Davon, dass dies:
div+div {
im IE auf ohre Tauben stößt, ganz zu schweigen.
Cheatah
--
X-Self-Code: sh:( fo:} ch:~ rl:° br:> n4:& ie:% mo:) va:) de:] zu:) fl:{ ss:) ls:~ js:|
X-Self-Code-Url: http://emmanuel.dammerer.at/selfcode.html
X-Will-Answer-Email: No
X-Please-Search-Archive-First: Absolutely Yes-
Hallo Cheatah.
weil dann der CSS-Code abhängig vom Inhalt erzeugt werden müsste.
Und wo liegt hier ein Problem?
So lange es in diese Richtung (HTML vorgegeben, CSS wird darauf aufbauend erstellt) und nicht umgekehrt (CSS steht größtenteils fest, HTML wird daran angepasst) geschieht, ist doch alles in Ordnung.Davon, dass dies:
div+div {
im IE auf ohre Tauben stößt, ganz zu schweigen.
Ist für mich persönlich kein Problem.
Einen schönen Mittwoch noch.
Gruß, Ashura
--
sh:( fo:} ch:? rl:( br: n4:~ ie:{ mo:| va:) de:> zu:} fl:( ss:) ls:[ js:|
mathbr:del.icio.us/ mathbr:w00t/-
Hello out there!
weil dann der CSS-Code abhängig vom Inhalt erzeugt werden müsste.
Und wo liegt hier ein Problem?
Wenn der Inhalt dynamisch erzeugt wird ...
... dann kann dieses Script aber auch entsprechend klassifizieren.
See ya up the road,
Gunnar--
“Remember, in the end, nobody wins unless everybody wins.” (Bruce Springsteen)-
Hallo.
weil dann der CSS-Code abhängig vom Inhalt erzeugt werden müsste.
Und wo liegt hier ein Problem?
Wenn der Inhalt dynamisch erzeugt wird ...
... entfällt das Problem durch Verwendung dynamisch erzeugter Klassen oder die Möglichkeit, das CSS dynamisch zu erzeugen.
MfG, at-
Hello out there!
Wenn der Inhalt dynamisch erzeugt wird ...
... entfällt das Problem durch Verwendung dynamisch erzeugter Klassen […]Sagte ich das nicht?
... dann kann dieses Script aber auch entsprechend klassifizieren.
Das Problem *entfällt*? He, denk positiv! Es *erfreut sich*. ;-)
See ya up the road,
Gunnar--
“Remember, in the end, nobody wins unless everybody wins.” (Bruce Springsteen)
-
-
-
Hi,
weil dann der CSS-Code abhängig vom Inhalt erzeugt werden müsste.
Und wo liegt hier ein Problem?von Gunnars Hinweis abgesehen: In der fehlenden Trennung von Logik, Struktur und Layout.
Cheatah
--
X-Self-Code: sh:( fo:} ch:~ rl:° br:> n4:& ie:% mo:) va:) de:] zu:) fl:{ ss:) ls:~ js:|
X-Self-Code-Url: http://emmanuel.dammerer.at/selfcode.html
X-Will-Answer-Email: No
X-Please-Search-Archive-First: Absolutely Yes-
Hallo Cheatah.
weil dann der CSS-Code abhängig vom Inhalt erzeugt werden müsste.
Und wo liegt hier ein Problem?von Gunnars Hinweis abgesehen: In der fehlenden Trennung von Logik, Struktur und Layout.
Kann ich bis zu einem gewissen Grade nachvollziehen.
Wenn ich hier aber einmal Struktur und Inhalt gleichsetze, stellt sich mir die Frage, ob nicht jeder CSS-Code abhängig vom Inhalt irgend eines Dokumentes erstellt wird.
Ich formatiere auch nicht sämtliche Elemente, die es gibt, sondern nur die, die in meinen Dokumenten auch vorkommen. An irgend einer Stelle müssen Struktur und Layout ja eine Verbindung finden, ansonsten blieben sie separat nebeneinander liegen und könnten nicht einander ergängen (bzw. das Layout die Struktur).
Einen schönen Mittwoch noch.
Gruß, Ashura
--
sh:( fo:} ch:? rl:( br: n4:~ ie:{ mo:| va:) de:> zu:} fl:( ss:) ls:[ js:|
mathbr:del.icio.us/ mathbr:w00t/
-
-
-
Hi,
im IE auf ohre Tauben stößt, ganz zu schweigen.
Daß der IE auf sowas nicht hört, liegt vielleicht daran, daß er zu viel am Telefon hängt
cu,
Andreas--
Warum nennt sich Andreas hier MudGuard?
Schreinerei Waechter
O o ostern ...
Fachfragen unaufgefordert per E-Mail halte ich für unverschämt und werde entsprechende E-Mails nicht beantworten. Für Fachfragen ist das Forum da.
-
-
Moin!
Sofern du also dieses HTML hast:
<div class="wert04">0002</div>
<div class="wert04">0007</div>> > kannst du die zwei DIVs mit keinem CSS unterschiedlich formatieren. > > Warum sollte man das nicht können? Was ist mit deinem CSS, wenn sich der Code so ändert: ~~~html <div class="wert04">0007</div> <div class="wert04">0002</div>Ich bin davon ausgegangen, dass man zum Zeitpunkt der CSS-Erstellung keine Reihenfolge der Zahlenwerte festgelegt hat.
div {
background:#fff;
color:#f00;
}div+div {
background:#fff;
color:#069;
}- Sven Rautenberg -- My sssignature, my preciousssss!-
Hallo Sven.
Was ist mit deinem CSS, wenn sich der Code so ändert:
[…]
Dass man hier das CSS entsprechend ändern muss, ist klar.
Ich wollte nur eine Anmerkung dazu abgeben, dass zwei nebenstehende Elemente nicht ohne Klassen, IDs und Extra-Elemente separat formatiert werden könnten.Natürlich ist dies nur eine Formatierung, die auf die Position der Elemente im Dokument bauen, nicht auf deren Inhalt. Dies habe ich auch nicht behauptet haben wollen.
Einen schönen Mittwoch noch.
Gruß, Ashura
--
sh:( fo:} ch:? rl:( br: n4:~ ie:{ mo:| va:) de:> zu:} fl:( ss:) ls:[ js:|
mathbr:del.icio.us/ mathbr:w00t/
-
-
-
Hallo Sven,
Es gibt in CSS bis zur Version 3.0 (die ja noch nicht mal offiziell fertig ist) keinen Selektor, um basierend auf dem HTML-Inhalt eines Elements zu formatieren.
Es gab eine Möglichkeit in einer früheren Version von CSS 3 Selectors:
<tr> <th>Aktiva und Passiva</th> <td class="wert">500,00</td> <td class="wert">-600</td> </tr>.. könnte man danach wunderbar mit ...
td.wert { color:black; } td.wert:[link:http://www.w3.org/TR/2001/CR-css3-selectors-20011113/#content-selectors@title=contains]("-") { color:red; }... formatieren.
Der Content Selector wurde aber rausgeworfen, als der CR von 2001 wieder auf den aktuellen WD zurück gestuft wurde. Verständlicherweise, hat doch die CSS WG bisher konsequent alle Vorschläge zurück gewiesen, die die Wirkung des Selektors nicht schon bereits beim Parsen bestimmen könnten, sprich die ein aufwendigeres Traversieren des fertigen DOM-Baumes benötigen.
Falls zwischen 2001 und 2005 irgendein Browser diese Pseudoklasse implementiert hat, weiss ich nicht davon, ich habe es auch nicht aufmerksam verfolgt. Man sollte sich also nicht darauf verlassen, selbst wenn man nur für einen Browser etwas serh spezifisches bastelt.
Tim
-