formatowanie tabeli: CSS, JAVA, PHP

[Pigu]

po pierwsze co próbuję osiągnąć:
mając czystą (same dane, bez stylów) tabelę w html chcę ją sformatować - najlepiej przez css:
- ustalić font, border itp - to proste i oczywiste
- ustalić szerokość i alginy poszczególnych kolumn
- ustawić background pierwszego wiersza na kolor A (i nadać przy okazji bold), a następnie wszystkie kolejne wiesze backgroundować naprzemiennie kolorami B i C
o ile pierwszy podpunkt to prościzna, to odnośnie następnych, nie jestem nawet przekonany, czy w css jest to możliwe, czy potrzebna będzie JAVA lub PHP  :shame:

chodzi w sumie o osiągnięcie tabelki jak na boincstats - do wykorzystania na naszej stonce statów: www.pigu.pl (automatyczne formatowanie zaoszczędziłoby mi wysiłku i czasu z przenoszeniem dormatów z excela oraz uprościło współpracę współpracownikom

[Szopler]

Kod [Zaznacz] Rozwiń

www.kurshtml.boo.pl/css/index.html :)

[Pigu]

czuję się potraktowany ździebko zbyt ogólnikowo  XD

mogę liczyć na bardziej szczegółowy helpik?

[Troll81]

Kod [Zaznacz] Rozwiń

http://www.timrivera.com/tests/csstables.html proszę :D

[Pigu]

jak ograniczyć styl do kawałka kodu?
tzn mam np:

table {
   width: 100%;
   border: 1px solid #cef;
   text-align: left; }
th {
   font-weight: bold;
   background-color: #acf;
   border-bottom: 1px solid #cef; }
td,th {
   padding: 4px 5px; }

tu następuje tabela i chciałbym po niej jakby anulować ten styl, bo mi stronę rozbija

[Troll81]

Kod [Zaznacz] Rozwiń

http://www.4homepages.de/forum/index.php?action=printpage;topic=23904.0

[Pigu]

problem rozwiązał znacznik <span>

[Karlik]

A nie lepiej sobie ponazywać to wszystko? Albo przynajmniej tabelę a potem używać np.
#nazwa_tabeli > td

[Pigu]

możesz rozwinąć z malutkim przykładem?

sęk cały w tym, by przy tabelach nic już ręcznie nie majstrować

[Karlik]

no to style robisz na zasadzie:

Kod [Zaznacz] Rozwiń

.mytable {
   width: 100%;
   border: 1px solid #cef;
   text-align: left; }
.mytable > th {
   font-weight: bold;
   background-color: #acf;
   border-bottom: 1px solid #cef; }
.mytable > td,th {
   padding: 4px 5px; }
A potem tylko do znacznika <table> dodajesz class="mytable"
Ewentualnie jak robisz to zawsze na najniższym (np. trzecim zagnieżdżeniu):
table > table > table{
   width: 100%;
   border: 1px solid #cef;
   text-align: left; }
Oczywiście kombinacji może być wiele :)