taulukoiden solut ja css

maria m

Aloittelijan ihmettelyä johon en löytänyt googlella helppiä...

Taulukon ekan rivillä on otsikot jotka pitää saada boldattua ja keskitettyä. Kaikki muut rivit taas perusfontilla ja vasempaan laitaan. Voinko upottaa css-fileen yhden tablen eri riveille erilaiset määrittelyt? Sama koskee soluja: joka rivin eka solu (eli taulukon eka sarake) pitäisi saada tietyn levyiseksi, enkä haluaisi upottaa leveyttä html:n sekaan, kun sitä on kuitenkin tarvetta muutta jossain vaiheessa.

2

298

    Vastaukset

    Anonyymi (Kirjaudu / Rekisteröidy)
    5000
    • Ridge

      Ekan rivin tekstit saa muutettua tällä:
      http://www.w3schools.com/css/tryit.asp?filename=trycss_firstline

      Mutta parempi kun laitat otsikot h1, h2, h3, css:än määrittelet noille haluamasi tyylit, toimii noin paremmin..

      Ekalle solulle ei taida olla vastaavaa, mutta laita td riville class="eka", sitten css:än määrittelet leveyden, samalla lailla voit määäritellä ekat rivit, laitat vaan classin haluamaasi tr:än..

      • Höpö.

        Tämähän on ihan tavallista html:ää suurimmaksi osaksi.

        »Taulukon ekan rivillä on otsikot jotka pitää saada boldattua ja keskitettyä. Kaikki muut rivit taas perusfontilla ja vasempaan laitaan.»

        Tottakai tämän voi tehdä css:llä mutta fikusmpaa olisi käyttää ihan normaalia html:ää jota sitten tyylitellään css:llä.

        Eli kyseessä on sellainen elementti kuin th (table header).
        th näytetään yleensä oletuksena boldattuna ja keskitettynä mutta toki sitä voi muuttaa css:llä.

        Tässä esimerkkinä eräs huuhaataulukko:



           id
           nimi
           ikä


           42452w345
           Matti
           25


           234f234
           Ismo
           17



        »Sama koskee soluja: joka rivin eka solu (eli taulukon eka sarake) pitäisi saada tietyn levyiseksi, enkä haluaisi upottaa leveyttä html:n sekaan, kun sitä on kuitenkin tarvetta muutta jossain vaiheessa.»

        Tähän taas on olemassa uudehko elementti nimeltänsä col (column, sarake)

        Edellinen esimerkki lisättynä col-elementeillä:







           id
           nimi
           ikä


           42452w345
           Matti
           25


           234f234
           Ismo
           17



        Tuo ensimmäinen col tarkoittaa ensimmäistä saraketta ja toinen luonnollisesti toista jne.

        Nyt voit kirjoittaa tyylitiedostoon vaikka:

           .eka {
              width: 100px
           }
           .toka {
              color : Red;
           }
           .koka {
              font-style : italic;
           }


        No ei tullut kyllä kovin hieno mutta toivottavasti ymmärsit idean.

        Lisää infoa:
        http://www.saunalahti.fi/wpoet/fin/htmlref-8.htm#th
        http://www.saunalahti.fi/wpoet/fin/htmlref-8.htm#col


    Ketjusta on poistettu 0 sääntöjenvastaista viestiä.

    Luetuimmat keskustelut

    1. Suomi on täysin sekaisin

      Jo ties monettako päivää hirveä itku ja poru jostain helvetin nilviäisistä. https://www.is.fi/taloussanomat/art-2000010
      Maailman menoa
      450
      4849
    2. Ensimmäisestä kohtaamisesta saakka

      minulla on ollut hämmentynyt olo. Miten voit tuntua siltä, että olisin tuntenut sinut aina? Sinun kanssasi on yhtä aikaa
      Ikävä
      15
      1732
    3. Aivan täysin tahallinen teko

      Ei mitään puolusteluja, eikä selittelyitä. Kuljettajalle kerrottiin asiasta siinä paikanpäällä, mutta silti hän ajoi ves
      Suomussalmi
      94
      1468
    4. Suomussalmi saatu vihdoin maailmankartalle!

      Nyt kun Suomussalmi on vihdoin viimein saatu ennennäkemättömällä tavalla maailman tietoisuuteen niin voitaisiin järjestä
      Suomussalmi
      53
      1359
    5. Olet saanut minut sekoamaan

      Tunteiden ristiaallokossa vellominen on ollut melkoinen kokemus. Ei kukaan ole saanut minua niin raiteiltaan kuin sinä.
      Ikävä
      23
      1337
    6. Mainehaitta metsäkonefirmalle

      Hukkajoen tapahtumista liikkuu paljon huhuja. Eikö kannattaisi julkaista raakkuja tuhonneen metsäkoneyrityksen nimi, kos
      Suomussalmi
      53
      1218
    7. Oho! Maajussi-Kallelta pakit saanut morsioehdokas Miss Suomi -kisoissa! Tunnistaisitko hänet nyt?

      Hmm, tunnistaisitko?!? Onnea missihulinoihin! Lue lisää ja katso kuvat: https://www.suomi24.fi/viihde/oho-maajussi-
      Suomalaiset julkkikset
      0
      1075
    8. Myönnän sinulle nyt

      Että olen erittäin mustasukkainen sinusta jo nyt. Ikävä on tämä tunne, kun tietämättömyyden solista nousee myrkkyä miele
      Ikävä
      54
      1010
    9. Pysytäänkö nainen

      edelleen yhtä viileän tyynenä kun nähdään. Uskotko että tahtoessani saisin murettua tyyneytesi hyvin helposti.
      Ikävä
      57
      895
    10. Olen käyttäytynyt ristiriitaisesti

      eikä minusta varmaankaan ota mitään selvää. Se johtuu siitä, kun järki sanoo ei, ei, ei ja sydän sanoo kyllä, kyllä, kyl
      Ikävä
      60
      859
    Aihe