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

722

    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. Jos yhdistät nimikirjaimet

      Jos yhdistät sinun ja kaivattusi ensimmäisten nimien alkukirjaimet mitkä nimikirjaimet tulee? Sinun ensin ja sitten häne
      Ikävä
      111
      7265
    2. Mies vinkkinä sulle

      Jos pyytäisit kahville tai ihan mihin vaan, niin lähtisin varmasti välittämättä muista
      Ikävä
      62
      5229
    3. Oletko katkera kun

      Et saanut kaivattuasi
      Ikävä
      95
      4884
    4. Paljon niitä puheita

      susta liikkuu. 🤮
      Tunteet
      52
      4035
    5. Kyllä se taitaa olla nyt näin

      Minusta tuntuu et joku lyö nyt kapuloita rattaisiin että meidän välit menisi lopullisesti. Sinä halusit että tämä menee
      Ikävä
      49
      3986
    6. Mitä haluat sanoa tällä hetkellä

      Hänelle 🫶 ⬇️
      Ikävä
      222
      3873
    7. Odotan että sanot

      Sitten siinä että haluaisit vielä jutella kahdestaan kanssani ja sitten kerrot hellästi että sinulla on ollut vaikea san
      Ikävä
      28
      3588
    8. Haluun sua niin paljon

      ❤️🥰🥹 Miehelle
      Ikävä
      41
      3203
    9. Vietetään yö yhdessä

      Rakastellaan koko yö
      Ikävä
      52
      2809
    10. Mitä palveluita mies..

      Haluaisit tilata minulta? -N
      Ikävä
      41
      2377
    Aihe