Taulukko taulukkoon

Alakaja Savosta

Voinko tehdä CSS:n avulla taulukon taulukkoon. Siis kun minulla on pohjana perinteinen (joku varmaan sanoo ettei niitä enää kannata käyttää) td-tyyliin tehty taulukko, niin saanko yhden solun sisään pieniä taulukoita, joiden sisään voisin pistää linkit.

Entä sitten noiden solujen ominaisuuksien määrittely. Voinko CSS:n avulla vaikuttaa solujen taustaväriin ja niin poispäin. Muuten saan kyllä CSS:n toimimaan, mutta taulukoissa en.

8

762

    Vastaukset 8

    Anonyymi (Kirjaudu / Rekisteröidy)
    5000
    • Tõppõ

      »Voinko tehdä CSS:n avulla taulukon taulukkoon.»
      Taulukot tehdään html:llä. Niitä voi olla myös sisäkkäin siten että uusi taulukko tulee nimenomaan soluun (ei muualle). Esim:



         1.1
         
         
            
            
               2.1
               2.2
            
            
               2.3
               2.4
            
            

         


         1.3
         1.4





      »Voinko CSS:n avulla vaikuttaa solujen taustaväriin ja niin poispäin.»
      Toki, ja kaikkeen muuhunkin. Esim:



         Taulukoita
         
         td {
            background-color: Aqua;
            height: 20px;
            width: 30px;
            border: 1px solid Black;
         }







         1.1
         
         
            
            
               2.1
               2.2
            
            
               2.3
               2.4
            
            

         


         1.3
         1.4







      Nyt sama solun ( ) määritys vaikuttaa kaikkiin soluihin. Taulukot kannattaa ehkä kuitenkin yksilöidä niin hallinta on monipuolisempaa:


         Taulukoita
         
         td {
            background-color: Aqua;
            height: 20px;
            width: 30px;
            border: 1px solid Black;
         }
         #ekataulukko td {
            color: Red; /* tämä määrää fontin värin, koskee kaikkia "ekataulukoksi identifioitun elementin sisällä olevia td-elementtejä */
         }







         1.1
         
         
            
            
               2.1
               2.2
            
            
               2.3
               2.4
            
            

         


         1.3
         1.4







      Ja voihan tuota vielä vähän monipuolistaa, roiskasin tuonne vähän kaikenlaista. Ei nyt niin järin tyylikäs mutta saattaahan tuosta jotain oppia:



         Taulukoita
         
         td {
            background-color: Aqua;
            height: 20px;
            width: 30px;
            border: 1px solid Black;
         }
         #ekataulukko td {
            color: Red;
         }
         #ekataulukko {
            background-color: Yellow;
         }
         #tokataulukko {
            background-color: #E6E6FA;
            font-family: Courier, monospace;
         }
         #tokataulukko td {
            background-color: Blue;
            border: 3px solid Green;
         }
         .erilainen {
            background-color: #FFD700;
            font-size: 200%;
            color: #FF4500;
            border-left: 15px groove Lime;
            position: absolute;
            right: 30%;
            padding: 50px;
            top: 50%;
         }







         1.1
         
         
            
            
               2.1
               2.2
            
            
               2.3
               2.4
            
            

         


         1.3
         1.4







      P.S.
      »joku varmaan sanoo ettei niitä (taulukoita) enää kannata käyttää»
      Kyllä taulukoilla käyttöä on, mutta taulukkoa kannattaa käyttää vaan taulukkodatan esitykseen, ei siis layoutin tekoon. Layout tehdään css:llä.
      Vaikka css:llä pystyy muokkaamaan taulukkoa likipitäen miten tahtoo niin "tavallisilla" lohko- ja tekstielementeillä jäsenneltyjä sivuja voi muuttaa ehkä vielä vapaammin.

      • Alakaja Savosta

        Kiitos avusta.


      • Sama

        Voiko nuo align=left/center/right ja valign=top jne. korvata jotenkin?


      • Sama kirjoitti:

        Voiko nuo align=left/center/right ja valign=top jne. korvata jotenkin?

        Voihan ne, mutta riippuu siitä, missä elementeissä ne esiintyvät. Erityisesti align-määritteellä on aivan eri merkityksiä eri elementeissä.

        Peruskysymys on kuitenkin se, miksi tekisit pikkuasioita CSS:llä, jos kuitenkin aiot (mitä ilmeisimmin) tehdä sivun taiton HTML:llä. Kyllähän niin _voi_ tehdä, mutta mikä silloin on idea?


      • Tõppõ
        Yucca kirjoitti:

        Voihan ne, mutta riippuu siitä, missä elementeissä ne esiintyvät. Erityisesti align-määritteellä on aivan eri merkityksiä eri elementeissä.

        Peruskysymys on kuitenkin se, miksi tekisit pikkuasioita CSS:llä, jos kuitenkin aiot (mitä ilmeisimmin) tehdä sivun taiton HTML:llä. Kyllähän niin _voi_ tehdä, mutta mikä silloin on idea?

        ..miksi taitto kannattaisi tehdä taulukoilla kun sen voi tehdä ´css:llä?

        Alakajalle vielä:
        »Voiko nuo align=left/center/right ja valign=top jne. korvata jotenkin? »

        text-align : right;
        vertical-align : top;


      • Alakaja Savosta
        Yucca kirjoitti:

        Voihan ne, mutta riippuu siitä, missä elementeissä ne esiintyvät. Erityisesti align-määritteellä on aivan eri merkityksiä eri elementeissä.

        Peruskysymys on kuitenkin se, miksi tekisit pikkuasioita CSS:llä, jos kuitenkin aiot (mitä ilmeisimmin) tehdä sivun taiton HTML:llä. Kyllähän niin _voi_ tehdä, mutta mikä silloin on idea?

        "Peruskysymys on kuitenkin se, miksi tekisit pikkuasioita CSS:llä, jos kuitenkin aiot (mitä ilmeisimmin) tehdä sivun taiton HTML:llä. Kyllähän niin _voi_ tehdä, mutta mikä silloin on idea?"

        Nämä ovat ensimmäiset sivuni. Tein ne, jotta voisin tarjota kuvakertomuksia reissuistani kotiväelle ja lähitutuile. Sain sivuista mielestäni selkeät (ja oman subjektiivisen mielipiteeni mukaan myös tunnelmalliset) enkä haluaisi enää suunnitella niitä kokonaan uudestaan, mutta mitä pidemmälle ehdin, niin sitä voimakkaammin tuo CSS alkoi hypähdellä silmille erilaisista ohjeista. Ymmärsin, että sen käytön opettelu on suotavaa. Siksi aloin tehdä noita pieniä muutoksia. En tiedä, onko niistä mitään hyötyä, mutta kyllähän niistä jotain oppii seuraavia sivuja varten, joissa pyrin sitten täydelliseen puhtauteen.

        Tyvestä puuhun.


      • Tõppõ
        Alakaja Savosta kirjoitti:

        "Peruskysymys on kuitenkin se, miksi tekisit pikkuasioita CSS:llä, jos kuitenkin aiot (mitä ilmeisimmin) tehdä sivun taiton HTML:llä. Kyllähän niin _voi_ tehdä, mutta mikä silloin on idea?"

        Nämä ovat ensimmäiset sivuni. Tein ne, jotta voisin tarjota kuvakertomuksia reissuistani kotiväelle ja lähitutuile. Sain sivuista mielestäni selkeät (ja oman subjektiivisen mielipiteeni mukaan myös tunnelmalliset) enkä haluaisi enää suunnitella niitä kokonaan uudestaan, mutta mitä pidemmälle ehdin, niin sitä voimakkaammin tuo CSS alkoi hypähdellä silmille erilaisista ohjeista. Ymmärsin, että sen käytön opettelu on suotavaa. Siksi aloin tehdä noita pieniä muutoksia. En tiedä, onko niistä mitään hyötyä, mutta kyllähän niistä jotain oppii seuraavia sivuja varten, joissa pyrin sitten täydelliseen puhtauteen.

        Tyvestä puuhun.

        Tuohon Yukan esittämään "peruskysymykseen" vielä palatakseni sanoisin että css:llä kannattaa tehdä siksi että sillä pystyy muokkaamaan monipuolisemmin, ts. siinä on helvetisti sellaisia ominaisuuksia joita html-attribuuteilla ei voi tehdä.

        Jos sivut taas sisältävät SEKÄ html-attribuuteilla tehtyjä määrityksiä ETTÄ css:llä tehtyjä niin silloin css:n idea vesittyy ja voima vähenee.
        Koska attribuutit yleensä ohittavat css-määritykset niin css-tiedostoa muuttamallaei saakaan muutettua kaikkea mitä haluaisi vaan tarvii mennä muuttelemaan monia asioita suoraan sivuilta käsin. Tämä taas on hidasta vähänkään laajemmalla sivulla.

        Neuvoksi antaisin että poistat sivuiltasi KAIKKI "ylimääräiset" eli vanhentuneet attribuutit.
        Tuolla on vähän vinkkiä, samat asiat pätee xhtml:äänkin:
        http://www.saunalahti.fi/wpoet/fin/htmlref.htm

        Tässä aloituspaketti css:ään:
        http://www.cs.tut.fi/~jkorpela/webjulk/2.5.html


      • Alakaja Savosta
        Tõppõ kirjoitti:

        Tuohon Yukan esittämään "peruskysymykseen" vielä palatakseni sanoisin että css:llä kannattaa tehdä siksi että sillä pystyy muokkaamaan monipuolisemmin, ts. siinä on helvetisti sellaisia ominaisuuksia joita html-attribuuteilla ei voi tehdä.

        Jos sivut taas sisältävät SEKÄ html-attribuuteilla tehtyjä määrityksiä ETTÄ css:llä tehtyjä niin silloin css:n idea vesittyy ja voima vähenee.
        Koska attribuutit yleensä ohittavat css-määritykset niin css-tiedostoa muuttamallaei saakaan muutettua kaikkea mitä haluaisi vaan tarvii mennä muuttelemaan monia asioita suoraan sivuilta käsin. Tämä taas on hidasta vähänkään laajemmalla sivulla.

        Neuvoksi antaisin että poistat sivuiltasi KAIKKI "ylimääräiset" eli vanhentuneet attribuutit.
        Tuolla on vähän vinkkiä, samat asiat pätee xhtml:äänkin:
        http://www.saunalahti.fi/wpoet/fin/htmlref.htm

        Tässä aloituspaketti css:ään:
        http://www.cs.tut.fi/~jkorpela/webjulk/2.5.html

        "Jos sivut taas sisältävät SEKÄ html-attribuuteilla tehtyjä määrityksiä ETTÄ css:llä tehtyjä niin silloin css:n idea vesittyy ja voima vähenee."

        Näinhän se varmasti on.

        "Neuvoksi antaisin että poistat sivuiltasi KAIKKI "ylimääräiset" eli vanhentuneet attribuutit."

        Tuohon olen pyrkinyt eikä siellä taida nyt niitä enää ollakaan. Antakaa vähän armoa ja aikaa. Ei tämä ole ihan helppoa kun alusta aloittaa, joskaan ei mitenkään ylitsepääsemättömän vaikeaakaan. Olen kiitollinen ohjeista, mutta haluaisin tuntea myös tekemisen iloa - se motivoi kehittämään osaamista.

        Mummi ja vaari ilahtuvat aivan varmasti toimivista sivuista, vaikka ne eivät puhdasoppiset olisikaan... :)


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

    Luetuimmat keskustelut

    1. Miksi naiset haluavat itseään vanhemman kumppanin? Vai haluavatko?

      Tuolla toisessa ketjussa tuli esille tämä kysymys ja se on mielestäni hyvä kysymys. Kiitos scrg:lle tämän kysymyksen esi
      Sinkut
      357
      1106
    2. Väleistä

      Minkälaiset välit sinulla on kaivattusi kanssa?
      Ikävä
      71
      748
    3. Missä vaiheessa

      Unohdit minut? Onko sinulla oikeasti mies jota rakastat? Tiedän että möhlin ja odotin liikaa. Ei tarvitse vastata jos et
      Ikävä
      37
      696
    4. Ajatteletko usein vielä

      Meitä?
      Ikävä
      49
      590
    5. Jännitän sua!

      En tiedä miksi! 🤭
      Ikävä
      41
      588
    6. Miksi meidän yhteys vain

      Säilyy? Säilyy ja säilyy? Joku syyhän siihen on?:))
      Ikävä
      63
      533
    7. SDP: tiukkaa maahanmuuttopolitiikkaa ilman rasismia

      Analyysin mukaan demareiden uuden maahanmuuttolinjan suurin ero konservatiivioikeiston vastaavaan on rasismin puute. ht
      Maailman menoa
      320
      496
    8. Mulla on ikävä sua

      Pakko se on myöntää, mulla on ikävä sua 🥺💔.. En kyllä haluaisi sitä myöntää kun tämä tilanne on niin hankala. Oon yri
      Ikävä
      19
      481
    9. Kun tulet mun luo

      Mies, niin tuotko suklaata tullessasi? ;)
      Ikävä
      75
      471
    10. kasariperjantai 2026

      Ajatuksia vuoden 2026 kasariperjantaista...ainakin porukkaa oli mun mielestä liikkeellä tosi paljon ja fiilinki noin yle
      Iisalmi
      22
      459
    Aihe