Taulukon leveys

Itse käyttäisin col-elementtejä:



   Taulukko
   
      td {border: 1px solid black;} // vain selvyyden vuoksi
      .vakiomitta {width:80%} // taulukon leveys
      .eka, .toka, .neljas {width: 20px;} // solujen leveys
                                    // loput solut käyttävät lopun alueesta
   





   
   
   
   

   
      1
      2
      3
      4
   
   
      5
      6
      7
      8
   





Tästä on se ilo, että samalla voi vaikuttaa koko sarakkeeseen. Esimerkiksi voi lisätä:
   .toka {background: yellow;
niin kyseisestä sarakkeesta tulee taustaväriltään keltainen.

Toinen vaihtoehto on tehdä ilman colleja:



   Taulukko
   
      td {border: 1px solid black;} // vain selvyyden vuoksi
      .vakiomitta {width:80%} // taulukon leveys
      .eka, .toka, .neljas {width: 20px;}
   





   
      1
      2
      3
      4
   
   
      5
      6
      7
      8
   

   



Kolmas vaihtoehto lähtee päinvastaisesta näkökulmasta:



   Untitled
   
      td {border: 1px solid black;} // vain selvyyden vuoksi
      
      .vakiomitta {width:80%} // taulukon leveys
      td {width: 20px;} // solun leveys
      .erilainen {width: 100%;} // poikkeuksellinen leveys
   





   1
   2
   3
   4


   5
   6
   7
   8






Ja tietysti tämän viimeisenkin voi tehdä colleilla.