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
www.kurshtml.boo.pl/css/index.html :)
czuję się potraktowany ździebko zbyt ogólnikowo XD
mogę liczyć na bardziej szczegółowy helpik?
http://www.timrivera.com/tests/csstables.html proszę :D
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
http://www.4homepages.de/forum/index.php?action=printpage;topic=23904.0
problem rozwiązał znacznik <span>
A nie lepiej sobie ponazywać to wszystko? Albo przynajmniej tabelę a potem używać np.
#nazwa_tabeli > td
możesz rozwinąć z malutkim przykładem?
sęk cały w tym, by przy tabelach nic już ręcznie nie majstrować
no to style robisz na zasadzie:
.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 :)