PHP Portal » PHP Forum » Entwicklung » Webdesign mit HTML, CSS sowie Javascript » Farbwechsler in Tabellen

Farbwechsler in Tabellen 

von
Besucher
Zitat
Hei!

Ich habe eine Webseite, auf welche öfter große Tabellen ausgegeben werden müssen.
Um die Übersicht zu gewährleisten habe ich da eine Farbwechsler drin, also ein
ständiger Wechsel zweier Farben pro Tabellenzeile.
Dieser wird von meinem PHP Code generiert indem bei der Ausgabe dem <tr> jeweils
eine Klasse zugewiesen wird. Da ich öfter so etwas machen muss, ist nun die Frage
ob man sowas auch nur mit HTML / CSS hin bekommt, also auf diese CSS-Klasse pro
Zeile verzichten kann?

Werbung

Re: Farbwechsler in Tabellen 

von
Member
Zitat
nein. das kannst du nur im html machen. du kannst jedoch im html css-classes verwenden, und diese defintionen ändern, wenn du bedarf siehst.

Re: Farbwechsler in Tabellen 

von
the Boss
Zitat
im CSS3 soll es funktionieren, Konqueror stellt folgendes auf jeden Fall richtig dar.
Firefox 3 auf Linux macht es nicht :(, IE hab ich nicht getestet

Code
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<?xml version="1.0" encoding="utf-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Farbwechsler</title> <meta name="AUTHOR" content="Sven Denkert" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css"> /* <![CDATA[ */ tr:nth-child(2n+1) { background: red; } /* alle ungeraden */ tr:nth-child(2n) { background: green; } /* alle geraden */ tr:nth-child(5n) { background: yellow; } /* jede 5. Zeile */ /* ]]> */ </style> </head> <body> <table> <tr> <td>Zelle 1.1</td>
für die ungekürzte Fassung bitte einloggen

Re: Farbwechsler in Tabellen 

von
the Boss
Zitat
hab gerade mal ausprobiert:

  • Windows:

    • Internet Explorer 7 macht es nicht
    • Opera 9.62 macht es
    • Firefox 3.0.4 macht es nicht

  • Linux:

    • Konqueror 3.5.9 macht es
    • Firefox 3.0.3 macht es nicht

noch etwas mager, wenn die beiden meist genutzten Browser dies nicht unterstützen :angry:

Re: Farbwechsler in Tabellen 

von
Neuling
Zitat
schade, wäre ja zu schön gewesen wenn man so was einfach per CSS machen könnte

Schnellantwort