[CSS] Tabelkolommen kleuren

[GrimaceODespair]

Ik heb een XHTML document en een CSS die daarachter ligt. Nu staat in het XHTML document een tabel met 3 kolommen. Ik zou graag elke kolom wat andere eigenschappen geven, zoals alignment en eventueel fontkleur.

Ik weet hoe dit makkelijk kan via classes, maar het probleem daarvan is dat, als je eenmaal een tabel hebt van, zeg 100 rijen, je in elk van die 100 rijen een id moet gaan plakken. Ik vroeg me af of dit ook gemakkelijker kan.

Ik kan wel COLGROUP en COL gebruiken om uit te lijnen (zelfs decimaal als het moet ), maar dat is ongeveer alles wat je kunt met die elementen. Ik zou er ook styles aan kunnen proberen te plakken, maar dat haalt weinig uit, want die dingen hangen in de HTML-structuur immers niet samen met de TH/TR/TD-elementen (deze laatsen zijn dus degenen die ik uiteindelijk van een kolomspecifieke layout wil voorzien).

De vraag is dus: kan je met CSS, zonder dat je elke cel expliciet van een stijl voorziet, kolommen opmaken ?

[Pelle]

Ja, met colcroup en col zoals je zelf al zegt

code:

    <table border="0" style="font-family: verdana;">
        <colgroup>
            <col style="background-color: #ff0000;" />
            <col style="background-color: #00ff00;" />
            <col style="background-color: #0000ff;" />
        </colgroup>
        <tr>
            <td>blaat</td>
            <td>melp</td>
            <td>spef</td>
        </tr>
        <tr>
            <td>blaat</td>
            <td>melp</td>
            <td>spef</td>
        </tr>
        <tr>
            <td>blaat</td>
            <td>melp</td>
            <td>spef</td>
        </tr>
    </table>

Geeft:

blaat	melp	spef
blaat	melp	spef
blaat	melp	spef

[GrimaceODespair]

Shit ja... ik heb er net mee zitten stoeien, en het lukte niet. Moet syntax fout geweest zijn . Iig, deze post was bedoeld om aan te geven dat het idd wel kan toch bedankt voor de hulp.

[Hangloozz]

ff nieuw leven inblazen:

klopt het dat COLGROUP niet ondersteund wordt door Mozilla?

zo nee, iemand een work-around gevonden?

het komt er nu grofweg op neer dat ik heel m'n CSS inline moet gaan maken om aan Moz tegemoet te komen

* Hangloozz krijgt braakneigingen...

[Verwijderd]

Je zou voor Moz zoiets kunnen maken:

code:

tr + td{
background-color: #f00
}
td + td {
background-color: #ff0
}
td + td + td{
background-color: #fff
}

(Niet getest overigens). De zogeheten Adjacent selectors. Werkt niet in IE.

[Verwijderd]

getest en het werkt, wel vreemd dat colgroup niet werkt..

[Hangloozz]

thnx, ik zal het 'ns testen.

Ik kan trouwens niet echt een recente melding vinden van het niet ondersteunen van COLGROUP door mozilla..het meest recent was iets uit juli 2002..

Voor nu wordt het geskipped voor deze opdracht..jammer maar geen Mozilla-support