Sarakkeeseen viittaaminen

rivimies

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

10

378

    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. 6 kW saunan lämmityksestä kohta 10 euron lisämaksu / kerta

      Kokoomuslainen sähköyhtiöiden hallitsema Energiavirasto ehdottaa 5 kW:n rajaa, jonka ylittämisestä tulee lisämaksu. Tark
      Maailman menoa
      295
      8415
    2. Duunarit hylkäsivät vasemmistoliiton, siitä tuli feministinaisten puolue

      Pääluottamusmies Jari Myllykoski liittyi vasemmistoliittoon, koska se oli duunarien puolue. Sitä samaa puoluetta ei enää
      Maailman menoa
      194
      4597
    3. Olen väsynyt tähän

      En osaa lopettaa ja koen huonoa omaatuntoa tästä. Kaikki on muutenkin turhaa ja tekemisesi sattuvat. Tunteita on vain hy
      Ikävä
      30
      2857
    4. Oppiiko vasemmistolaiset valehtelun jo kotonaan?

      Sillä vasemmistolaiset/äärivasemmistolaiset valehtelee ja keksii asioita omasta päästään todella paljon. Esim. joku vas
      Maailman menoa
      193
      2585
    5. Seuraava hallituspohja - Kokoomus, kepu, persut + KD

      Kokoomus saa ainakin 20% kannatuksen ensi vaaleissa, keskusta sanoisin noin 15%, persut todennäköisesti enemmän, ehkä 17
      Maailman menoa
      115
      2188
    6. Olenko mies sinun mielestä outo?

      Saat vastata rehellisesti.
      Ikävä
      51
      1716
    7. Millasia unelmia sulla on?

      onko unelmia...?
      Ikävä
      58
      1668
    8. Maailman laiskin eläin: persu

      Persu ei ole eläessään laittanut rikkaa ristiin itsensä elättämiseen. Luonnossa tuollainen ei olisi mahdollista, mutta s
      Maailman menoa
      45
      1635
    9. Miten usein toivot

      Tai olet toivonut että olisimme lähekkäin vai toivotko ollenkaan?
      Ikävä
      170
      1334
    10. Minneapolisin tapauksesta hyvä video

      Runoilijan auto oli poikittain tiellä ja kun poliisit lähestyivät sitä, runotyttö painoi reippaadti kaasua. Auto syöksäh
      Maailman menoa
      348
      1327
    Aihe