✔ Listendarstellung via CSS mit Einfärbung der Zeilen

[napsi]

Guten Morgen!

Ich bin mir zwar sicher, dass es diese Frage schon mal gegeben hat, habe jedoch nichts im Forum gefunden.

Ich habe folgendes Problem:

Ich will eine Preisliste machen. Die hat 3 Spalten und x Zeilen. Die Zeilen sollten alternierend 2 Farben als Hintergrund haben (einmal grün, dann rot, wieder grün,...).

Gibt es irgendwo ein Beispiel für meinen Fall?

Bitte um Hinweise.

lg.

Napsi

 

[Acriss]

es gibt einen Css befehl: background-color:farbe;
vllt hilft dir das weiter.
Sonst steht unten eine mögliche Lösung.











ICh würde es so machen:

//CSS
.tred
{
background-color:red;
}
t.green
{
background-color:green;
}

<table border="0">
<tr>
   <td class="tred">Rotes Feld</td>
   <td class="tgreen">Gr&uuml;nes Feld</td>
</tr>
</table>

 

[Maik]

Hi,

letztlich benötigst du hierfür zwei "alternierende" CSS-Klassen.

Ob du ihre Implementierung im HTML-Dokument "manuell" oder mit Hilfe eines Scripts "dynamisch" vornimmst, bleibt dir offen.

Bei letzterem solltest du dich mal im PHP-Board umschauen.

Einen Thread, der sich mit einer ähnlichen Frage befasst, konnte ich dort schon mal ausmachen -> http://www.tutorials.de/forum/php/237951-grau-weiss-grau-tabelle.html

 

[napsi]

@acriss
Den befehl kenne ich eh, das ist nicht mein Problem.

Mir fehlt die Idee, wie ich es umsetzen kann. Darum hätte ich gehofft, dass es irgend wo eine seite gibt, die so eine darstellung umgesetzt hat.

@Maik
php hilft mir nicht, da ich keine php Seite mache, sondern eine asp.

lg.

Napsi

 

[Acriss]

@acriss
Den befehl kenne ich eh, das ist nicht mein Problem.

Mir fehlt die Idee, wie ich es umsetzen kann. Darum hätte ich gehofft, dass es irgend wo eine seite gibt, die so eine darstellung umgesetzt hat.

@Maik
php hilft mir nicht, da ich keine php Seite mache, sondern eine asp.

lg.

Napsi

Ähm, dann verstehe ich dein Problem nicht.
Mache es doch selbst und siehe es dir dir an.

 

[Maik]

Wenn ASP da keine Möglichkeiten bereithält (ich kenne mich mit der Sprache nicht aus), würde es mit reinen "CSS-Mitteln" so aussehen:

.green {
background: green;
}

.red {
background: red;
}

<ul>
    <li class="green">item 1</li>
    <li class="red">item 2</li>
    <li class="green">item 3</li>
    <li class="red">item 4</li>
</ul>

 

[hela]

Mir fehlt die Idee, wie ich es umsetzen kann. Darum hätte ich gehofft, dass es irgend wo eine seite gibt, die so eine darstellung umgesetzt hat.

Bei ALISTAPART gibt es dazu einen Beitrag (Zebratabelle), wie das mit JavaScript realisiert werden kann. Hier und hier wird es dann so gemacht.