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

381

    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. SDP jo 100 % suositumpi kuin persut

      Kertoo Hesarin uusin kannatuskysely. Demareiden kannatus on miltei tuplat verrattuna persuihinl. Suomen kansa ei selväst
      Maailman menoa
      134
      10833
    2. Voiko normaali ihminen ryhtyä vasemmistolaiseksi?

      Tätä jäin pohdiskelemaan.
      Maailman menoa
      261
      4689
    3. SDP haluaa 40 000 nettomaahanmuuttajaa

      SDP:n Suunnanmuutos-vaihtoehtobudjetissa, käy ilmi, että demarit itse asiassa vaativat räjähdysmäistä ”työperäisen” maah
      Maailman menoa
      177
      4033
    4. Orpo: Velkajarrua vastustavaa puoluetta vaikea ajatella hallitukseen

      No Minja Koskelan kommunistipuolue jäi ulos tuosta. Kaikki eduskuntapuolueet vasemmistoliittoa lukuun ottamatta sopivat
      Maailman menoa
      179
      3533
    5. PS ylivoimainen nousija myös HS:n gallupissa, SDP laskee taas

      https://www.verkkouutiset.fi/a/hs-gallup-sdpn-suosio-laskee-ps-nousussa/#0a7d2507 Ylivoimainen viime kuukausien nousija
      Maailman menoa
      90
      3380
    6. Mikä tämä henkilö mahtaa touhuta Parkanossa

      Kamalaa https://www.ylasatakunta.fi/teksti/pirkanmaan-karajaoikeus-vangitsi-koiran-tappamisesta-epaillyn-6.68.127794.b58
      Parkano
      49
      3310
    7. Valtavasti suomalaisia asunnottomina, mutta ei yhtään somalia

      tai muuta kehitysmaalaista. Mites tässä näin kävi? Tiedän hyvin, että esim. somaleita lentää ulos mm. Hekan asunnoista,
      Maailman menoa
      80
      3159
    8. Ikävä sinua mies

      Vuosia kuluu, mutta tunteet ei ole hävinnyt. Tasoittuneet toki, kun ei olla nähty. Järki palannut päähän kuitenkin. Se i
      Ikävä
      32
      2940
    9. Hienoa! Eduskunta luopui käteisen käytöstä

      Nyt tuo sama muutos pitää saada myös muuhun yhteiskuntaan. Käteistähän ei tarvitse tänä päivänä enää kuin rikolliset.
      Maailman menoa
      69
      1844
    10. Kiinnostaa - ei kiinnosta - kiinnostaapas

      Selittäkää hämmentyneelle miksi miehiä ei ikinä kiinnosta silloin, kun sitä olisi itsekin kiinnostunut? Sitten kun siirt
      Sinkut
      192
      1722
    Aihe