Sarakkeeseen viittaaminen

rivimies

Onko mitään konstia viitata taulukon sarakkeeseen? Voiko tietylle sarakkeelle esim. asettaa helposti taustavärin tai muita ominaisuuksia?

10

382

    Vastaukset

    Anonyymi (Kirjaudu / Rekisteröidy)
    5000
    • Sarakkeisiin viittaaminen on valitettavan hankalaa. Käytännössä toimivin tapa asettaa on yleensä se, että tehdään sarakkeisiin liittyvät asetukset sekä col-elementin avulla (joka toimii IE:ssä silloinkin kun ei oikeastaan pitäisi) että suhteellisen mutkikkailla selektoreilla CSS:ssä (joita taas IE ei tue).

      Jos esimerkiksi haluat taulukon toisen sarakkeen taustaväriksi keltaisen, voit tehdä näin:

      HTML:ään esim.


      Napanöyhtätilastoa


      ...

      ja CSS:ään esim.

      col.tarkea, .tilasto td:first-child td
      { background: yellow; color: black; }

      • rivimies

        Tarvitaanko tuota css-selektoria, jos kerran col-tagit hoitavat homman? Mitä tarkoittavat nuo 'first-child' ja ' '?

        Jäi vähän avoimeksi mihin kohtaan tuossa html-koodissa pitäisi laittaa tr- ja td-tagit?

        Ja nyt ei Yucca tarvii mainita niitä kirjoja, koska ei meillä kellään semmosia ole. :)


      • rivimies kirjoitti:

        Tarvitaanko tuota css-selektoria, jos kerran col-tagit hoitavat homman? Mitä tarkoittavat nuo 'first-child' ja ' '?

        Jäi vähän avoimeksi mihin kohtaan tuossa html-koodissa pitäisi laittaa tr- ja td-tagit?

        Ja nyt ei Yucca tarvii mainita niitä kirjoja, koska ei meillä kellään semmosia ole. :)

        Kuka sanoi, että col-tagit hoitavat homman? Kuten selitin, selainten välillä on eroja. Itse asiassa monet col-tagilla tehtävät asiat "toimivat" IE:ssä vain siksi, että IE toimii väärin.

        En ajatellut kirjoittaa _tänne_ oppikirjaa, joten jos sinulla ei ole kirjaa eikä sellaista löydy kirjastostakaan, kannattaa etsiä verkossa olevaa aineistoa. Tarkoituksena oli vain antaa jonkinlainen idea siitä, minkätyyppisiä ratkaisut ovat.


    • Nimetönkö

      Helpoin ja toimivin tapa on



      ..
      ..


      ..
      ..

      ....



      Sit vain noille määrittelet tarpeelliset jutut

      • rivimies

        Tuossahan on ihan helvetikseen hommaa, jos aikoo jokaisen rivin jokaiselle solulle erikseen määritellä luokan. Mulla on nyt kato semmonen tilanne, että taulukko on ISO.


      • Nimetönkö
        rivimies kirjoitti:

        Tuossahan on ihan helvetikseen hommaa, jos aikoo jokaisen rivin jokaiselle solulle erikseen määritellä luokan. Mulla on nyt kato semmonen tilanne, että taulukko on ISO.

        Tietenkin siinä on hommaa jos sen yksitellen naputtelee, monissa editoreissa vain valitset sarakeen ja luokan, parissa sekunnissa onnistuu isoonkin taulukkoon, sekä tietokanta pohjasissa sivuissa moinen on myös helppo tehdä käsinkin.

        Tietenkin jos teet käsin, niin yks purkka ratkaisu on haluttu määrä taulukoita viereikkäin, jolloin voit antaa määreet suoraan taulukolle.


      • JacceS
        Nimetönkö kirjoitti:

        Tietenkin siinä on hommaa jos sen yksitellen naputtelee, monissa editoreissa vain valitset sarakeen ja luokan, parissa sekunnissa onnistuu isoonkin taulukkoon, sekä tietokanta pohjasissa sivuissa moinen on myös helppo tehdä käsinkin.

        Tietenkin jos teet käsin, niin yks purkka ratkaisu on haluttu määrä taulukoita viereikkäin, jolloin voit antaa määreet suoraan taulukolle.

        ..tuokin muutos onnistuisi muutaman rivin koodilla (loopilla läpi DOM-alapuun obj.className tai obj.style.cssStyleOminaisuuden muutos tarpeen mukaan).

        Olen huomannut että monella asiansa osaavalla tässä foorumissa on lähes uskonnollinen vastustus käyttää JavaScriptiä pienimmässäkään määrin --- edes silloin kun sen käyttö on enemmänkin kuin perusteltua.

        Mitä järkeä on näyttää CSS määrittelyjä jotka eivät toimi > 90% selamista? JavaScriptiä pitää käyttää maltillisesti, mutta sillä on kuitenkin omat käyttötarkoituksensa.

        Muutamalla prosentilla on JavaScript poiskytkettynä jotkut puhuvat sen turvallisuusriskeistä, näillä perusteilla pitäisi lopettaa monia asioita, IE selainten käyttö ensimmäisenä.

        Jacce


      • JacceS kirjoitti:

        ..tuokin muutos onnistuisi muutaman rivin koodilla (loopilla läpi DOM-alapuun obj.className tai obj.style.cssStyleOminaisuuden muutos tarpeen mukaan).

        Olen huomannut että monella asiansa osaavalla tässä foorumissa on lähes uskonnollinen vastustus käyttää JavaScriptiä pienimmässäkään määrin --- edes silloin kun sen käyttö on enemmänkin kuin perusteltua.

        Mitä järkeä on näyttää CSS määrittelyjä jotka eivät toimi > 90% selamista? JavaScriptiä pitää käyttää maltillisesti, mutta sillä on kuitenkin omat käyttötarkoituksensa.

        Muutamalla prosentilla on JavaScript poiskytkettynä jotkut puhuvat sen turvallisuusriskeistä, näillä perusteilla pitäisi lopettaa monia asioita, IE selainten käyttö ensimmäisenä.

        Jacce

        Tässähän ei ole mitään järkeä käyttää JavaScriptiä. Sillä saavutetaan varmasti pienempi toimivuusprosentti kuin kuvaamallani HTML:n ja CSS:n yhdistelmällä.

        Turvallisuussyyt ovat tietysti yksi peruste kääntää JavaScript-tuki pois. Toinen on se, että JavaScriptiä useimmiten käytetään typerien ponnahdusikkunoiden heittämiseen silmille tai muuhun haitalliseen. Siellä, missä joku osaa käyttää JavaScriptiä fiksusti, hän varmaankin osaa myös noscript-elementissä kertoa, mitä hyötyä JavaScriptin käyttöön ottamisesta olisi. Jos ei osaa, niin voi voi.


      • JacceS
        Yucca kirjoitti:

        Tässähän ei ole mitään järkeä käyttää JavaScriptiä. Sillä saavutetaan varmasti pienempi toimivuusprosentti kuin kuvaamallani HTML:n ja CSS:n yhdistelmällä.

        Turvallisuussyyt ovat tietysti yksi peruste kääntää JavaScript-tuki pois. Toinen on se, että JavaScriptiä useimmiten käytetään typerien ponnahdusikkunoiden heittämiseen silmille tai muuhun haitalliseen. Siellä, missä joku osaa käyttää JavaScriptiä fiksusti, hän varmaankin osaa myös noscript-elementissä kertoa, mitä hyötyä JavaScriptin käyttöön ottamisesta olisi. Jos ei osaa, niin voi voi.

        Pointtini jäi hiukan epäselväksi, tuossa nimenomaisessa tapauksessa ei tietenkään kannata käyttää JavaScritiä (siksi en esittänyt mitään JavaScript koodia) koska luokkamäärittelyn voi tehdä staattisesti, tarkoitin tilannetta jolloin käyttäjä haluaa muuttaa taulukon tiettyä saraketta ajoaikana.



        Yucca writes:
        "Tässähän ei ole mitään järkeä käyttää JavaScriptiä. Sillä saavutetaan varmasti pienempi toimivuusprosentti kuin kuvaamallani HTML:n ja CSS:n yhdistelmällä."

        Kuvaamallasi HTML:n ja CSS:n yhdistelmällä saavutetaan n. 90-95% toimimattomuus nykyisissä selaimissa, JavaScriptin käytöllä saavutetaan n.90-95% toimivuus.

        En edellenkään ymmärrä miksi esität CSS määrittelyjä jotka eivät toimi esim. IE selaimissa. Viidenkin vuoden jälkeen IE5/IE5.5/IE6 selainten osuus on vielä niin suuri että noita CSS määrittelyjä on aivan turha käyttää (sikäli kun toimivat edes tulevassa IE7 selaimessa).


        Nettisivujen tekemiseen pätee sama "paras-työkalu-kulloiseenkin-tehtävään" periaate kuin muuallakin, sama koskee JavaScriptiä.


        Jacce


      • JacceS kirjoitti:

        Pointtini jäi hiukan epäselväksi, tuossa nimenomaisessa tapauksessa ei tietenkään kannata käyttää JavaScritiä (siksi en esittänyt mitään JavaScript koodia) koska luokkamäärittelyn voi tehdä staattisesti, tarkoitin tilannetta jolloin käyttäjä haluaa muuttaa taulukon tiettyä saraketta ajoaikana.



        Yucca writes:
        "Tässähän ei ole mitään järkeä käyttää JavaScriptiä. Sillä saavutetaan varmasti pienempi toimivuusprosentti kuin kuvaamallani HTML:n ja CSS:n yhdistelmällä."

        Kuvaamallasi HTML:n ja CSS:n yhdistelmällä saavutetaan n. 90-95% toimimattomuus nykyisissä selaimissa, JavaScriptin käytöllä saavutetaan n.90-95% toimivuus.

        En edellenkään ymmärrä miksi esität CSS määrittelyjä jotka eivät toimi esim. IE selaimissa. Viidenkin vuoden jälkeen IE5/IE5.5/IE6 selainten osuus on vielä niin suuri että noita CSS määrittelyjä on aivan turha käyttää (sikäli kun toimivat edes tulevassa IE7 selaimessa).


        Nettisivujen tekemiseen pätee sama "paras-työkalu-kulloiseenkin-tehtävään" periaate kuin muuallakin, sama koskee JavaScriptiä.


        Jacce

        Tilanne, jossa käyttäjä haluaa muuttaa saraketta, on kokonaan toinen kuin se, mistä keskustellaan. (Ja siihen tilanteeseen taas oikea menettely on tehdä ensin palvelimen kautta toimiva ratkaisu ja sitten miettiä, kannattaako tehokkuussyistä tehdä lisäksi selaimessa toimiva koodi.)

        Et ole lukenut tai ymmärtänyt, mikä oli kuvaamani HTML:n ja CSS:n yhdistelmä. Lisäksi keksit prosenttilukuja omasta päästäsi. No, 97,2 % kaikista prosenttilukuista on sepitettyjä ja loput 3,8 % on laskettu väärin.

        Kuvaamani lähestymistapa perustuu nimenomaan siihen, että _yhdistetään_ menettelyt, jotka toimivat IE:ssä, menettelyihin, jotka toimivat mm. Mozilla-tyyppisissä selaimissa. Saat laskea aika kauan ja hartaasti, ennen kuin millään JavaScript-sekoilulla pääset lähelläkään samaa - etkä edes esittänyt mitään JavaScript-ratkaisua!

        Intät siis, että JavaScriptin käytöllä saavutetaan jokin väittämäsi toimivuus, mutta samassa viestissä kirjoitat, että tässä ei tietenkään kannata käyttää JavaScriptiä.


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

    Luetuimmat keskustelut

    1. Riikka Purra lupasi Suomen kansalle 1 euron bensaa, hinta nyt 2 euroa

      Vasemmistolaisen Marinin hallituksen aikana bensa ei maksanut kuin 1,3 euroa litralta. Ministerin pitäisi perustuslain m
      Maailman menoa
      276
      5401
    2. Kohdataanko me

      Enää?
      Ikävä
      70
      4986
    3. Suvi Lindenillä 5 366 päivän putki

      Täytyy kyllä myöntää vaikka olen itsekin innokas, niin en ole tuollaiseen yli kymmenen vuoden putkeen kyennyt. Välillä o
      Maailman menoa
      123
      4375
    4. Rakkaalle miehelle

      Terveiset rakas. Ikävä on edelleen. Suru valtaa sydämen, kun en saa lähestyä sinua. En saa vastauksia, en soittoa, viest
      Ikävä
      48
      4086
    5. Eräs on taas viettänyt kokoyön täällä!!

      Etkö sä nuku koskaan??
      Ikävä
      51
      3820
    6. Mistä se kertoo

      Näin miehen pitkästä aikaa. Samantien iski sellainen paineen tunne rintaan, sitä ei ole ollut vuosiin. Ja nyt olen siitä
      Ikävä
      36
      3707
    7. Olipa turha tämä

      Rakkaustarinamme
      Ikävä
      41
      3408
    8. SDP:n kansanedustaja Nazima Radmyar uhriutuu somessa saamistaan viesteistä.

      https://www.is.fi/politiikka/art-2000011854410.html Miksi Razmyar ei kestä kansan palautetta oikean kansanedustajan tavo
      Maailman menoa
      87
      3097
    9. Muistatteko kuinka Marinin hallituksen aikaan kansalaisilla oli varaa kuluttaa?

      Tavallisella perheelläkin oli rahaa käydä sääännöllisesti ravintoloissa syömässä, koska vahvat ammattiliitot olivat neuv
      Maailman menoa
      66
      2949
    10. Nyt on sanottava että sattuu kipeästi

      Jos, sinä aikana kun olen kaivannut ja odottanut sinua ja olet tiennyt sen, niin jos valitsit toisen miehen. Katsot minu
      Ikävä
      23
      2688
    Aihe