Sarakkeeseen viittaaminen

rivimies

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

10

379

    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. Nuori lapualainen nainen tapettu Tampereella?

      Työ­matkalainen havahtui erikoiseen näkyyn hotellin käytävällä Tampereella – tämä kaikki epäillystä hotelli­surmasta tie
      Lapua
      80
      7042
    2. Orpo hiiri kadoksissa, Marin jo kommentoi

      Kuinka on valtiojohto hukassa, kun vihollinen Grönlantia valloittaa? Putinisti Purra myös hiljaa kuin kusi sukassa.
      Maailman menoa
      134
      6523
    3. Lopeta jo pelleily, tiedän kyllä mitä yrität mies

      Et tule siinä onnistumaan. Tiedät kyllä, että tämä on just sulle. Sä et tule multa samaan minkäänlaista responssia, kosk
      Ikävä
      381
      6323
    4. Tampereen "empatiatalu" - "Harvoin näkee mitään näin kajahtanutta"

      sanoo kokoomuslainen. Tampereen kaupunginvaltuuston maanantain kokouksessa käsiteltävä Tampereen uusi hyvinvointisuunni
      Maailman menoa
      364
      4122
    5. Lidl teki sen mistä puhuin jo vuosikymmen sitten

      Eli asiakkaat saavat nyt "skannata" ostoksensa keräilyvaiheessa omalla älypuhelimellaan, jolloin ei tarvitse mitään eril
      Maailman menoa
      153
      2512
    6. Ukraina, unohtui korona - Grönlanti, unohtu Ukraina

      Vinot silmät, unohtui Suomen valtiontalouden turmeleminen.
      Maailman menoa
      6
      2419
    7. Kumpi on sekaisempi - Koskenniemi vai Trump?

      Koskenniemi haukkui Trumppia A-studiossa, niin että räkä lensi suusta. Sen sijaan Trump puheessaan sanoi, että Grönlant
      Maailman menoa
      66
      2206
    8. Orpo pihalla kuin lumiukko

      Onneksi pääministerimme ei ole ulkopolitiikassa päättäjiemme kärki. Hänellä on täysin lapsellisia luuloja Trumpin ja USA
      Kansallinen Kokoomus
      143
      1519
    9. Onko täällä helmessä tapahtunut vakava rikos?

      Onko kuullut kukaan mitään.
      Haapavesi
      14
      1512
    10. Miten kauan sulla menisi

      Jos tulisit mun luo tänne nyt kahvinkeittoon?
      Ikävä
      198
      1240
    Aihe