verschiedene linkfarben in bestimmten tabel-zeilen?!
jan
- css
Hallo,
ich habe grade angefangen, mit CSS zu arbeiten, und habe einen Effekt eingebaut, der die Zeilen einer Tabelle abwechselnd färbt.
tr#Ungrade {
background-color: #C1DFF7;/*ungrade Zeilen Farbe*/
border:0px solid #000;
vertical-align:center;
overflow:hidden;
}
tr#Grade {
color: #C1DFF7;/*Schriftfarbe auf den graden Zeilen*/
background-color: #4D66F2;/*grade Zeilen Farbe*/
border:0px solid #000;
vertical-align:center;
overflow:hidden;
}
Wenn ich den Effekt nutze, lege also bei jeder Tabellenzeile an, ob sie grade
<tr id="Grade">
oder ungerade
<tr id="Ungrade">
ist, und sie wird jenachdem gefärbt.
Nun befinden sich in meinen Tabellen öfter mal Links. Das Standartblau passt zwar gut zu den "ungraden" Zeilen, aber auf dem hintergrund der "graden" Zeilen ist das nur sehr schwer zu erkennen.
Kann ich nun irgendwie im "tr#Grade"-Block festlegen, wie alle Links in diesen Zeilen dagestellt werden sollen?
Ich bin wie gesagt noch nicht so erfahren im Umgang mit CSS, aber vieleicht gibt es ja eine Lösung für das Problem.
Danke auf jeden Fall schonmal dafür, das ihr bis hier gelesen habt.
Eventuell habt ihr ja auch noch die Zeit, kurz zu antworten =)
mfg
Jan
Hallo ersmal,
tr#Ungrade {
background-color: #C1DFF7;/*ungrade Zeilen Farbe*/
border:0px solid #000;
vertical-align:center;
overflow:hidden;
}
tr#Grade {
color: #C1DFF7;/*Schriftfarbe auf den graden Zeilen*/
background-color: #4D66F2;/*grade Zeilen Farbe*/
border:0px solid #000;
vertical-align:center;
overflow:hidden;
}
<tr id="Grade">
oder ungerade
<tr id="Ungrade">
Willste vielleicht lieber mit Klassen arbeiten, falls du mehrere Zeilen Hast:
<tr class="Gerade">
bzw
<tr class="Ungerade">
Bei deinem Problem würd ich einfach
tr[#/.]Grade a{
/*Formatierung der Links*/
}
Schreiben.
Viel Spass. Bei erfolg bitte zurückschreiben.
_______________________________
There's no better way to fly!!!! as CSS!!
Superhühner 4 ever!!
Hallo ersmal,
tr#Ungrade {
background-color: #C1DFF7;/*ungrade Zeilen Farbe*/
border:0px solid #000;
vertical-align:center;
overflow:hidden;
}
tr#Grade {
color: #C1DFF7;/*Schriftfarbe auf den graden Zeilen*/
background-color: #4D66F2;/*grade Zeilen Farbe*/
border:0px solid #000;
vertical-align:center;
overflow:hidden;
}
<tr id="Grade">
oder ungerade
<tr id="Ungrade">
Willste vielleicht lieber mit Klassen arbeiten, falls du mehrere Zeilen Hast:
<tr class="Gerade">
bzw
<tr class="Ungerade">
Bei deinem Problem würd ich einfach
tr[#/.]Grade a{
/*Formatierung der Links*/
}
Schreiben.Viel Spass. Bei erfolg bitte zurückschreiben.
_______________________________
There's no better way to fly!!!! as CSS!!Superhühner 4 ever!!
Hey danke ;)
Es funktioniert jetzt so, wie ich mir das gedacht hatte.
Vielen Dank ;)
Jan
Grüße,
Bei deinem Problem würd ich einfach
tr[#/.]Grade a{
/*Formatierung der Links*/
}
Schreiben.
ob da alle IE benutzer glücklich werden^^?
MFG
bleicher
Hi,
ob da alle IE benutzer glücklich werden^^?
Können sie doch gar nicht, sind ja IE-Benutzer.
cu,
Andreas
Hallo
Bei deinem Problem würd ich einfach
tr[#/.]Grade a{
/*Formatierung der Links*/
}
Schreiben.ob da alle IE benutzer glücklich werden^^?
Worauf bezieht sich deine Frage? Doch nicht etwa auf "[#/.]". Das steht für: "An dieser Stelle eines der folgenden Zeichen benutzen!". So käme demnach tr#Grade a oder tr.Grade a dabei heraus.
Tschö, Auge
Hallo,
"[#/.]". Das steht für: "An dieser Stelle eines der folgenden Zeichen benutzen!". So käme demnach tr#Grade a oder tr.Grade a dabei heraus.
... oder tr/Grade. Was bedeutet das dann?
Und steht nicht der Punkt für ein beliebiges Zeichen? ;-)
Ciao,
Martin
Hallo
"[#/.]". Das steht für: "An dieser Stelle eines der folgenden Zeichen benutzen!". So käme demnach tr#Grade a oder tr.Grade a dabei heraus.
... oder tr/Grade. Was bedeutet das dann?
Das heißt <tr> oder <Grade>, ist doch klar. :-)
Und steht nicht der Punkt für ein beliebiges Zeichen? ;-)
Du denkst zu sehr in regulären Ausdrücken (nach welcher Syntax auch immer ;-)).
Tschö, Auge
Hi,
ich habe grade angefangen, mit CSS zu arbeiten, und habe einen Effekt eingebaut, der die Zeilen einer Tabelle abwechselnd färbt.
ja, ein schönes Anwendungsbeispiel für CSS. Leider hast du das falsche Erkennungsmerkmal für die HTML-Elemente gewählt, die du formatieren möchtest.
<tr id="Grade">
<tr id="Ungrade">
Da eine ID dokumentweit eindeutig sein muss (ein Element IDENTIFIZIEREN soll), kann deine CSS-Formatierung nur auf genau eine gerade und eine ungerade Zeile angewendet werden.
Für diesen Fall solltest du lieber Klassen verwenden.
Nun befinden sich in meinen Tabellen öfter mal Links. Das Standartblau passt zwar gut zu den "ungraden" Zeilen, aber auf dem hintergrund der "graden" Zeilen ist das nur sehr schwer zu erkennen.
Was ist eine Standart? Und warum ist sie blau? Oder meintest du etwa Standard?
Kann ich nun irgendwie im "tr#Grade"-Block festlegen, wie alle Links in diesen Zeilen dagestellt werden sollen?
Nicht direkt. Aber es gibt ja den Nachfahrenselektor:
tr#Grade a { eigenschaften; }
wirkt auf alle a-Elemente, die innerhalb eines tr-Elements mit der ID "Grade" vorkommen.
Ich bin wie gesagt noch nicht so erfahren im Umgang mit CSS, aber vieleicht gibt es ja eine Lösung für das Problem.
Es gibt für jede Lösung ein Problem! ;-)
So long,
Martin
PS: Anstatt "Grade" und "Ungrade" solltest du besser "Gerade" und "Ungerade" schreiben, das irritiert sonst beim Lesen.
Hi,
ich habe grade angefangen, mit CSS zu arbeiten, und habe einen Effekt eingebaut, der die Zeilen einer Tabelle abwechselnd färbt.
ja, ein schönes Anwendungsbeispiel für CSS. Leider hast du das falsche Erkennungsmerkmal für die HTML-Elemente gewählt, die du formatieren möchtest.
<tr id="Grade">
<tr id="Ungrade">Da eine ID dokumentweit eindeutig sein muss (ein Element IDENTIFIZIEREN soll), kann deine CSS-Formatierung nur auf genau eine gerade und eine ungerade Zeile angewendet werden.
Für diesen Fall solltest du lieber Klassen verwenden.Nun befinden sich in meinen Tabellen öfter mal Links. Das Standartblau passt zwar gut zu den "ungraden" Zeilen, aber auf dem hintergrund der "graden" Zeilen ist das nur sehr schwer zu erkennen.
Was ist eine Standart? Und warum ist sie blau? Oder meintest du etwa Standard?
Sorry, ich meine natürlich StandarD, und das bezieht sich hier auf die "normale" Farbe der Links, die ja normalerweise blau ist.
Kann ich nun irgendwie im "tr#Grade"-Block festlegen, wie alle Links in diesen Zeilen dagestellt werden sollen?
Nicht direkt. Aber es gibt ja den Nachfahrenselektor:
tr#Grade a { eigenschaften; }
wirkt auf alle a-Elemente, die innerhalb eines tr-Elements mit der ID "Grade" vorkommen.
Ich bin wie gesagt noch nicht so erfahren im Umgang mit CSS, aber vieleicht gibt es ja eine Lösung für das Problem.
Es gibt für jede Lösung ein Problem! ;-)
So long,
MartinPS: Anstatt "Grade" und "Ungrade" solltest du besser "Gerade" und "Ungerade" schreiben, das irritiert sonst beim Lesen.
ok, es funktioniert jetzt so, wie ich mich das gedacht habe. Danke fürs anworten / komentieren.
mfg
Jan