css:n upottaminen bodyyn?

Meneekö mettään?

Tyyliin:







div {border:1px solid #ccc;}


Teksti





------

Validatori ilmoittaa: "document type does not allow element "style" here", tuntuisi kuitenkin pelittävän ainakin yleisimmillä selaimilla. Mutta jos tuota käytän niin, onko tässä jotain semmosta sudenkuoppaa, jota en hokannut?

7

203

    Vastaukset

    Anonyymi (Kirjaudu / Rekisteröidy)
    5000
    • Vielä korjasin...

      div {border:1px solid #ccc;}




      Teksti

    • gfddgdfgdfgdfsgdf

      en tiedä mitä haet, mutta tuolla konstilla jokaisessa divissa on reunat... Ja sitä paitsi se style pitää laittaa ENNEN body tagia sinne head oisoiden väliin. Tässä sama ilman < merkkejä:

      html
      head
      title TÄHÄN SIVUN OTSIKKO JOS HALUAT /title
      style STYLE TÄHÄN /style
      /head
      body
      MUUT TÄHÄN
      /body

      Opettele ihan alusta asti käyttämään erillistä .css tyylitiedostoa niin pääset vähemmällä. Jos haluatkin muuttaa jotakin niin melkoinen homma tehdä se joka sivulle erikseen kun pääsisi helpommalla muuttaa vain yhteen tiedostoon sama asia...

      • Meneekö mettään?

        Tiedossa on suurinpiirtein missä ja miten specsien mukaan css:ää voi käyttää: erillinen *.css-tiedosto, style-tagien väliin headiin ja tagien sisällä bodyssa, eikös se noin mene. Mitä jos laitan yo mukaisesti style-tagit bodyyn vaikka ne ei sinne specsin mukaan kuulukaan, mutta hyvin tuntuisi käytännössä toimivan. Ei tunnu haittaavan vaikka tyylejä olisi samalla sivulle sekä linkitettynä ja upotettu headiin, tuo ohittaa niiden tyylimääritykset.

        Oikeastaan mielipidettä tässä kaipaan tai jos joku on kokeillut vastaavaa juttua, miten on toiminut.


      • Meneekö mettään? kirjoitti:

        Tiedossa on suurinpiirtein missä ja miten specsien mukaan css:ää voi käyttää: erillinen *.css-tiedosto, style-tagien väliin headiin ja tagien sisällä bodyssa, eikös se noin mene. Mitä jos laitan yo mukaisesti style-tagit bodyyn vaikka ne ei sinne specsin mukaan kuulukaan, mutta hyvin tuntuisi käytännössä toimivan. Ei tunnu haittaavan vaikka tyylejä olisi samalla sivulle sekä linkitettynä ja upotettu headiin, tuo ohittaa niiden tyylimääritykset.

        Oikeastaan mielipidettä tässä kaipaan tai jos joku on kokeillut vastaavaa juttua, miten on toiminut.

        Toimiihan se, ainakin toistaiseksi. Toimii jopa niin, että style-elementti voi olla vaikka sivun lopussa ja se silti vaikuttaa koko sivuun.

        Joku voisikin kyynisesti kysyä, miksi tehdä asiat oikein, kun ne voi melkein samalla vaivalla tehdä väärin ja se melkein näyttää toimivan.


      • gdrgfdfggdfgf
        Meneekö mettään? kirjoitti:

        Tiedossa on suurinpiirtein missä ja miten specsien mukaan css:ää voi käyttää: erillinen *.css-tiedosto, style-tagien väliin headiin ja tagien sisällä bodyssa, eikös se noin mene. Mitä jos laitan yo mukaisesti style-tagit bodyyn vaikka ne ei sinne specsin mukaan kuulukaan, mutta hyvin tuntuisi käytännössä toimivan. Ei tunnu haittaavan vaikka tyylejä olisi samalla sivulle sekä linkitettynä ja upotettu headiin, tuo ohittaa niiden tyylimääritykset.

        Oikeastaan mielipidettä tässä kaipaan tai jos joku on kokeillut vastaavaa juttua, miten on toiminut.

        Ei se ole mielipidekysymys. Tyylimäärittelyillä on 3 paikkaa ja ne ovat
        1. erillisessä tyylitiedostossa
        2. sivun head osiossa style tagien sisällä
        3. html elementin style attribuutissa.

        Älä siis laita niitä bodyyn kun ne eivät sinne kuulu.

        Yleensä kannattaa käyttää erillistä tyylitiedostoa koska sitä on helppo käyttää joka sivulla. Sivun sisälle laitetut on sitten sivukohtaisia.


      • dfgdf
        gdrgfdfggdfgf kirjoitti:

        Ei se ole mielipidekysymys. Tyylimäärittelyillä on 3 paikkaa ja ne ovat
        1. erillisessä tyylitiedostossa
        2. sivun head osiossa style tagien sisällä
        3. html elementin style attribuutissa.

        Älä siis laita niitä bodyyn kun ne eivät sinne kuulu.

        Yleensä kannattaa käyttää erillistä tyylitiedostoa koska sitä on helppo käyttää joka sivulla. Sivun sisälle laitetut on sitten sivukohtaisia.

        Lisätään nyt vielä että tyylejä on kuitenkin myös selaimen oletukset ja käyttäjän itsensä tekemät määritykset. Näihin et voi kuitenkaan sivun tekijänä vaikuttaa mutta tyylejä nekin ovat =))


      • m
        gdrgfdfggdfgf kirjoitti:

        Ei se ole mielipidekysymys. Tyylimäärittelyillä on 3 paikkaa ja ne ovat
        1. erillisessä tyylitiedostossa
        2. sivun head osiossa style tagien sisällä
        3. html elementin style attribuutissa.

        Älä siis laita niitä bodyyn kun ne eivät sinne kuulu.

        Yleensä kannattaa käyttää erillistä tyylitiedostoa koska sitä on helppo käyttää joka sivulla. Sivun sisälle laitetut on sitten sivukohtaisia.

        "Yleensä kannattaa käyttää erillistä tyylitiedostoa koska sitä on helppo käyttää joka sivulla. Sivun sisälle laitetut on sitten sivukohtaisia."

        Niin tuohan on se kaikista helpon tapa. Siis näin:

        [html]
        [head]
        [title]SIVUN OTSIKKO[/title]
        [link rel="stylesheet" href="tyylit.css" type="text/css"]
        [/head]
        [body]
        TÄHÄN SIVUN SISÄLTÖ
        [/body]
        [html]

        Sitten, jos jollaisin sivulla on tästä poikkeava tyyli, niin sitten tuon [link...] jälkeen

        [style]
        div{...}
        [/style]

        Tai sitten voi tyylisivulle tehdä jollekin elementille uuden luokan (div#luokannimi).

        HUOM. Jotta tämä erimerkki toimisi, täytyy sulkeet [ ja ] korvata < ja >. Vaihdoin nuo varmuuden vuoksi, ettei niitä tulkittaisi sivukoodiksi täällä palstalla.


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

    Luetuimmat keskustelut

    1. Miksi persut eivät häädä mamuja pois Suomesta?

      Sitä vartenhan persut äänestettiin valtaan. Nyt valta on persuilla. Mamut nostaa työttömyyskorvauksia. Persut huutaa mam
      Maailman menoa
      238
      5981
    2. Eduskunnan setämiehet eivät häiritse

      Porvariston sedät kertoivat kuorossa, että eivät tiedä häirinnästä mitään.
      Maailman menoa
      39
      4808
    3. KL - Sähköautoilu aiheuttaa lisäkustannuksia muille tehopiikkimaksujen muodossa!

      Kauppalehti 15.1.2026 Kommentti / Sähköautoista tuli ongelma – Uusi ”vero” uhkaa Kun perhe ostaa sähköauton ja laittaa
      Hybridi- ja sähköautot
      10
      4286
    4. Jaguar i pace sähköauto hajosi. Jopa 100 tonnia akun vaihto. Edullisia kilometrejä

      https://www.iltalehti.fi/autouutiset/a/fcaa5ae4-c04d-414d-ac54-dab991758b2e Tuo että sähköautossa ei lämmitys toimi on
      Hybridi- ja sähköautot
      12
      3031
    5. Sanna Marinille pedataan paluuta pääministeriksi?

      Näyttäisi mylly lähteneen käyntiin nyt toden teolla. Nykyiset oikeistodemarit haukutaan vasemmistodemareiden toimesta ni
      Maailman menoa
      119
      2987
    6. Muistakaa demarit, että TE petitte, ei vihreät tai vas.liitto

      Te veitte eduskunnasta turvallisen tilan, veditte sen viemäristä alas. Te demarit, itsensä ylentäneet moraalinvartijat,
      Maailman menoa
      77
      2469
    7. Silminnäkijät kertovat IS:lle useista törkeistä SDP:ssä tapahtuneista häirintätapauksista.

      https://www.is.fi/politiikka/art-2000011749874.html Silminnäkijöiden Iltasanomille kertomusten mukaan SDP:ssä on tapahtu
      Maailman menoa
      121
      2416
    8. Nainen, kaiken aikaa olin yläpuolella

      Ja olen edelleen kaiken yläpuolella. Ja niin on aina oleva. :/
      Ikävä
      190
      1679
    9. Oletko ollut

      Oletko omasta mielestäsi ollut sokea asioille?
      Ikävä
      46
      1649
    10. Bussipysäkki katos!

      Mitäpä mieltä uudesta katoksesta?
      Suomussalmi
      69
      1316
    Aihe