Sarakkeeseen viittaaminen

rivimies

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

10

395

    Vastaukset 10

    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. Mikä kaivatussasi ärsyttää

      Juuri nyt, tällä hetkellä?
      Ikävä
      106
      1251
    2. Salaisuudet paljastuu

      Viimeiset hetket meneillään ottaa yhteyttä. Kertoa totuus ja selvittää asioita. Viimeiset hetket meneillään jos joku
      Ikävä
      94
      868
    3. Poliisi pamputti Variskankaalla

      Mistä lie alkanut ja miksi poliisit kutsuttu, mutta mielestäni hyvin toimittu. Jos haluaa rähistä eikä rauhoitu puheella
      Kajaani
      31
      784
    4. vapaa

      sana :) 🚮
      Ikävä
      66
      693
    5. Karita Tykkä mennyt kihloihin.

      Onnittelu kuuluu hänelle ja tulevalle aviopuolisolleen.
      Kotimaiset julkkisjuorut
      93
      626
    6. 32
      605
    7. S-ryhmän ihmisoikeuslinja ei kestä omaa hankintaketjuaan

      S-ryhmän Israel-boikotin suurin uskottavuusongelma löytyy yllättävän läheltä, SOK:n omien tuotemerkkien hankintaketjuist
      Maailman menoa
      16
      574
    8. Nainen tosi ikävä sua

      Näkispä edes ohimennen
      Ikävä
      18
      558
    9. Haavoittuvuutesi on aseista riisuvaa

      Harmi, etten voi osoittaa sinulle tunteita. Hyvää yötä miehelle. Naiselta
      Ikävä
      43
      523
    10. Rakennus myynnissä

      Joko se loppuu mehtä hallitus sumilta?
      Suomussalmi
      10
      466
    Aihe