formatowanie tabeli: CSS, JAVA, PHP

Zaczęty przez Pigu, 04 Maj 2010, 20:48

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

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

Pigu

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

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

Troll81

#3
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

#5
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:
.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 :)