jedes zweite <li> rot

[NUKE]

was geht ab....

Wie kann ich in einem Listenelement jeden zweiten Block rot machen?

Bisher muss ich immer:

<ul>
<li class="red">text</li>
<li>Text</li>
<li class="red">text</li>
...

machen. Oder geht sowas nur serverseitig mit nem script?
FInde, dass soetwas aber zu einer listenformatierung dazugehört.

[Gunnar Bittersmann]

Hello out there!

Wie kann ich in einem Listenelement jeden zweiten Block rot machen?
FInde, dass soetwas aber zu einer listenformatierung dazugehört.

Findet die CSS Working Group auch. Deshalb gibt’s :nth-child. Aber erst in CSS3.

See ya up the road,
Gunnar

[wahsaga]

hi,

Wie kann ich in einem Listenelement jeden zweiten Block rot machen?

Du kannst warten, bis die Browser die Pseudoclass :nth-child aus CSS 3 umsetzen, bei deiner bisherigen Lösung bleiben - oder clientseitig per Javascript nachhelfen, in dem du die Klassen dynamisch zuweist.

gruß,
wahsaga

[stareagle]

Moin,

Wie kann ich in einem Listenelement jeden zweiten Block rot machen?

Grundsätzlich ja.

Oder geht sowas nur serverseitig mit nem script?

Ja. Ich steh öfter vor dem gleichen Problem (naja, für mich allerdings kein Problem mehr). Allerdings hab ich ein Template-System zur Verfügung.

Aber ich beschreib mal kurz meine Vorgehensweise:

• In der CSS-Datei gibt es zwei Klassen:
    gerade und ungerade. Diese haben jeweils die gewünschte Hintergrundfarbe
    (und nur die Hintergrundfarbe, alle anderen Eigenschaften lege ich an andere
    Stelle fest)

• Das Skript das die Liste zusammenbaut (über eine Schleife aus einem Array)
    ist ein Zähler für die Listenpunkte eingebaut.

Je nachdem ob zaehler%2=0 ist oder nicht, bekommt der jeweilige Listenpunkt
  die Klasse gerade oder ungerade zugewiesen.

% steht hier im übrigen für die Modulofunktion.

Der gleiche Ansatz funktioniert übringens auch für Tabellen.

Gruß

Stareagle