Uga-Agga / Game

http://www.uga-agga.de
GNU General Public License v2.0
12 stars 6 forks source link

Alle Höhlen - Spalten besser unterscheiden #35

Closed georg-pitterle closed 12 years ago

zu-gabe commented 12 years ago

evtl. etwas in dieser art: table.example col:nth-child(4n+4),col:nth-child(4n+5),col:first-child {background-color: #E6EFC2} table.example col:nth-child(4n+2),col:nth-child(4n+3) {background-color: #EEEEEE}

georg-pitterle commented 12 years ago

nth-child macht probleme beim ie und ff und opera... seiten sollen ja plattformübergreifend sein

zu-gabe commented 12 years ago

ie und opera weiß ich nicht...unter neuestem ff gehts aber problemlos

ansonsten könnte man die farblichen unterschiede ja auch für die einzelnen th's/td's manuell setzen

edit: laut http://kimblim.dk/css-tests/selectors/ sollten alle browser in aktueller version nth-child unterstützen ff3 und ie<9 nicht, aber die darstellung wäre ja dennoch gewährleistet (nur halt nicht in schöner farbe)

georg-pitterle commented 12 years ago

naja... meine quelle sagt was anderes: http://www.quirksmode.org/css/contents.html

zu-gabe commented 12 years ago

jo stimmt...ie9 packts nicht

aber per jquery sollte es überall laufen: $("table col:nth-child(4n+4),col:nth-child(4n+5)").css("background", "#E6EFC2"); $("table col:nth-child(4n+2),col:nth-child(4n+3)").css("background", "#EEEEEE");

edit: oder eben ganz einfach per < col >-tag