jan: verschiedene linkfarben in bestimmten tabel-zeilen?!

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

  1. 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!!

    1. 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

    2. 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

      --
      __________________________-
      Menschen an sich , sind nicht schlecht - es sind nur ihre Taten (c).
      Lieber bereuen gesündigt zu haben, als nicht sündigen und es später trotzdem bereuen.
      Boccaccio
      1. Hi,

        ob da alle IE benutzer glücklich werden^^?

        Können sie doch gar nicht, sind ja IE-Benutzer.

        cu,
        Andreas

        --
        Warum nennt sich Andreas hier MudGuard?
        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.
      2. 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

        --
        Die Musik drückt aus, was nicht gesagt werden kann und worüber es unmöglich ist zu schweigen.
        (Victor Hugo)
        Veranstaltungsdatenbank Vdb 0.2
        1. 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

          --
          Zum Glück ist alles nur halb so doppelt.
          1. 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

            --
            Die Musik drückt aus, was nicht gesagt werden kann und worüber es unmöglich ist zu schweigen.
            (Victor Hugo)
            Veranstaltungsdatenbank Vdb 0.2
  2. 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.

    --
    Niemand lebt allein von seinen Träumen.
    Aber wer träumt, lebt noch.
    1. 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,
      Martin

      PS: 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