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

740

    Vastaukset

    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. Kylläpä on nautinnollista taas tämä palstan vassari valitus!

      Lähes jokainen avaus on vassareiden kitinää ja valitusta. Eikö se tarkoitakin, että silloin asiat menee maassamme parem
      Maailman menoa
      95
      3219
    2. HS: persujen v. 2015 turvapaikanhakijoista alle puolet töissä

      Aikuisina Suomeen tulleista ja myönteisen päätöksen saaneista vain 42 prosenttia oli vuonna 2023 töissä, vaikka he ovat
      Maailman menoa
      75
      2486
    3. Persut muuten hyväksyvät 2 + 8 mrd. euron maatalous- ja yritystuet

      Vaikka molemmat tukimuodot tiedetään haitallisiksi, koska ovat käytännössä pelkkää säilyttävää tukea, eivätkä kannusta k
      Maailman menoa
      62
      1454
    4. Mikä kaivatussasi herätti mielenkiintosi

      Kun tapasitte ensi kerran? Ulkonäössä? Luonteessa tai olemuksessa? Kuinka nopeasti mielenkiinto muuttui ihastukseksi?
      Ikävä
      90
      1422
    5. Valkoinen Golf

      Kukahan on tämä ukko, joka työkseen kyylää pienen ässän asiakkaita viikon jokaisena päivänä.
      Kuhmo
      14
      1001
    6. Martina Aitolehti podcastissa: Ero

      Martina Aitolehti podcastissa: Ero Martina Aitolehti kertoi BFF-podcastin https://www.iltalehti.fi/viihdeuutiset/a/696
      Kotimaiset julkkisjuorut
      184
      935
    7. Kaikki ovat syntisiä!!!

      Näin täällä koko ajan vakuutellaan uskovaisten toimesta. Myös Päivi Räsänen on toistanut tätä samaa matraa jatkuvasti. N
      Luterilaisuus
      326
      918
    8. Moottorisahalla kauppaan

      Missäs päin kaupunkia tämä yöllä moottorisahalla kauppaan yrittänyt asiakas askaroi? https://poliisi.fi/-/mies-yritti-s
      Kajaani
      10
      847
    9. Jos olisit kaivattusi

      Kanssa kahdestaan samassa tilassa niin miten kävisi
      Ikävä
      50
      814
    10. Rillimiljonäärin eroriidassa suuri käänne.

      Vaimo haluaa kokonaan yksinhuoltajuuden ja pitää entisen elintasonsa.
      Kotimaiset julkkisjuorut
      142
      798
    Aihe