Miten saa koko

nimetönnä

sivuston fontit kerralla määriteltyä tietyn kokoiseksi, nyt kun css:n bodyyn laittaa font-size: 12px, niin se ei muuta kuin tablen ulkopuolella olevat tekstit..?

Miksei tuo css määritä niitä muita tekstejä jotka ovat otsikoissa, div:ssä jne. vai olenko tehnyt jotain väärin..?

7

533

    Vastaukset

    Anonyymi (Kirjaudu / Rekisteröidy)
    5000
    • Tõppõ

      Kun jollekin elementille annetaan jokin määrite niin sen pitäisi koskea myös määritellyn elementin sisällä olevia elementtejä. Esim. kaikki bodylle annettavat määritteet pitäisi koskea kaikkia elementtejä (pienin poikkeuksin).

      Aina selaimet eivät kuitenkaan tätä tee. Siksipä suositellaankin varmistamaan asia näin:


         body, table, div, h1, h2, p {font-size: 120%; color: Red;};

      • Kukaan asiantuntija ei suosittele tuollaista.

        Siitä vasta riemu repeäisi, jos body-elementin fonttikoko olisi 120 % käyttäjän valitsemasta koosta, div-elementin 120 % body-elementin fonttikoosta (eli 144 % käyttäjän valitsemasta), sen sisällä olevan div-elementin taas 20 % isompi jne.


      • Tõppõ
        Yucca kirjoitti:

        Kukaan asiantuntija ei suosittele tuollaista.

        Siitä vasta riemu repeäisi, jos body-elementin fonttikoko olisi 120 % käyttäjän valitsemasta koosta, div-elementin 120 % body-elementin fonttikoosta (eli 144 % käyttäjän valitsemasta), sen sisällä olevan div-elementin taas 20 % isompi jne.

        Taisin vetästä tuon esimerkin vähän hätäisesti. Tarkoitin kuitenkin kertoa että samat määräykset saa varmistettua eri elementteihin käyttämällä pilkkua siinä välissä:

           body, table, div, h1, h2, p {color: Red;font-family: Arial, Helvetica, sans-serif;}
           body, table, div, p {font-size: 12px;}



        Joo, pitäisi vissiin joskus vähän miettiä ennen kuin vastaa:)


      • Tõppõ kirjoitti:

        Taisin vetästä tuon esimerkin vähän hätäisesti. Tarkoitin kuitenkin kertoa että samat määräykset saa varmistettua eri elementteihin käyttämällä pilkkua siinä välissä:

           body, table, div, h1, h2, p {color: Red;font-family: Arial, Helvetica, sans-serif;}
           body, table, div, p {font-size: 12px;}



        Joo, pitäisi vissiin joskus vähän miettiä ennen kuin vastaa:)

        Niin, pilkkuja kyllä voi käyttää noin. Mutta tekstin värin asettaminen asettamatta taustan väriä on varomatonta, ja värin asettaminen punaiseksi hölmöä. Kiinteän fonttikoon asettaminen on paha juttu, ja sen asettaminen niinkin pieneksi vielä pahempi.

        Esimerkkejä vain? Mutta eikö kannattaisi näyttää _hyvää_ esimerkkiä?

        Käytännössä
        body, table { font-family: Arial, Helvetica, sans-serif;}
        riittää. Siihenkin tuo table tarvitaan oikeastaan vain eräiden selainten virheellisen t. kummallisen toiminnan takia.


      • Tõppõ
        Yucca kirjoitti:

        Niin, pilkkuja kyllä voi käyttää noin. Mutta tekstin värin asettaminen asettamatta taustan väriä on varomatonta, ja värin asettaminen punaiseksi hölmöä. Kiinteän fonttikoon asettaminen on paha juttu, ja sen asettaminen niinkin pieneksi vielä pahempi.

        Esimerkkejä vain? Mutta eikö kannattaisi näyttää _hyvää_ esimerkkiä?

        Käytännössä
        body, table { font-family: Arial, Helvetica, sans-serif;}
        riittää. Siihenkin tuo table tarvitaan oikeastaan vain eräiden selainten virheellisen t. kummallisen toiminnan takia.

        Minä käytän jostain syystä usein mahdollisimman kelvottomia väriesimerkkejä:) Miksikö.. no emmää tiiä, ainakin ideoita napsiva joutuu sitten itse pähkäilemään miten ne saa itselle sopivaksi.

        Joo oikeassahan sinä olet, en minä sillä.




        En tiedä miten ihmeessä sivuntekijöille saisi tolkutettua päähän tuon että selaimen oletusfonttikoko on leipätekstiin aivan oivallinen (itse fontti ei), ja jos se on selaajan mielestä väärä niin selaajahan saa sitä helposti muutettua mikäli sitä ei ole laitettu kiinteäksi eikä sivun leyouttia ole suunniteltu fonttikoon varaan toimivaksi.

        Itse nappaan välillä huonosti tehdyillä sivuilla surffatessani koko tyylimääritykset helkuttiin (Operalla se ainakin käy helposti) jotta sivuista saisi jotain tolkkua. Useimmiten kuitenkin painan back-nappia sellaisille sivuille saapuessani.


      • Nojaa
        Yucca kirjoitti:

        Niin, pilkkuja kyllä voi käyttää noin. Mutta tekstin värin asettaminen asettamatta taustan väriä on varomatonta, ja värin asettaminen punaiseksi hölmöä. Kiinteän fonttikoon asettaminen on paha juttu, ja sen asettaminen niinkin pieneksi vielä pahempi.

        Esimerkkejä vain? Mutta eikö kannattaisi näyttää _hyvää_ esimerkkiä?

        Käytännössä
        body, table { font-family: Arial, Helvetica, sans-serif;}
        riittää. Siihenkin tuo table tarvitaan oikeastaan vain eräiden selainten virheellisen t. kummallisen toiminnan takia.

        *Mutta tekstin värin asettaminen asettamatta taustan väriä on varomatonta,*

        Miksi?


        *ja värin asettaminen punaiseksi hölmöä. Kiinteän fonttikoon asettaminen on paha juttu*

        Miksi punaiseksi asettaminen on hölmöä? olettaen että väri sopii sivun ilmeeseen.


        *ja sen asettaminen niinkin pieneksi vielä pahempi. *

        Eihän 12 px ole pientä?



        Olis kiva tietää miten se fontinkoko kannattaa sivuille määritellä, joissain neuvotaan käyttämään em toisissa ohjeissa % (prosentteja) toisissa taas px (pikseleitä)


    • Wille

      * {font...}

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

    Luetuimmat keskustelut

    1. Marin sitä, Marin tätä, yhyy yhyy, persut jaksaa vollottaa

      On nuo persut kyllä surkeaa porukkaa. Edelleen itkevät jonkun Marinin perään, vaikka itse ovat tuhonneet Suomen kansan t
      Maailman menoa
      119
      3725
    2. Ikävä sinua..

      Kauan on aikaa kulunut ja asioita tapahtunut. Mutta sinä M-ies olet edelleen vain mielessäni. En tiedä loinko sinusta va
      Ikävä
      14
      1691
    3. Riikka Purra: "Kokoomus haluaa leikata pienituloisten etuuksista - Se ei meille käy"

      Näin vakuutti persujen Purra edellisten eduskunta vaalien alla,. https://www.ku.fi/artikkeli/4910942-kun-uudessa-videos
      Maailman menoa
      14
      1548
    4. Muistattekos kuinka persujen Salainen Akentti kävi Putinin leirillä

      Hakemassa jamesbondimaista vakoiluoppia paikan päällä Venäjällä? Siitä ei edes Suomea suojeleva viranomainen saanut puhu
      Maailman menoa
      18
      1396
    5. Riikka Purra sanoo, että sietokykyni vittumaisiin ihmisiin alkaa olla lopussa.

      https://www.iltalehti.fi/politiikka/a/be8f784d-fa24-44d6-b59a-b9b83b629b28 Riikka Purra sanoo medialle suorat sanat vitt
      Maailman menoa
      293
      1383
    6. Lindtmanin pääministeriys lähenee päivä päivältä

      Suomen kansan kissanpäivät alkavat siitä hetkestä, kun presidentti Stubb on tehnyt nimityksen. Ainoastaan ylin tulodesi
      Maailman menoa
      28
      1276
    7. Tuntuuko sinusta mies

      että olet jossain, mutta sydämessäsi haluat olla muualla. Suunnittelet kaikkea kivaa ja olet innolla mukana, mutta silti
      Ikävä
      16
      964
    8. Kapiainen siviiliesimies, Herra suuri Herra

      Sotilaana kyvytön, johtajana munaton ja kotona tossun alla. Se on upseerin uran tuen pää, seinään ajo. Mutta aina löytyy
      Sodankylä
      72
      933
    9. Väärä pää tutustumiseen

      Mikä ihme on, että miehet haluavat ensimmäisenä sänkyyn? Onko nykyään niin helppo saada nainen peittojensa alle.. tai pä
      Ikävä
      124
      902
    10. Mitä tapahtuisi....

      Meidän välillä jos törmäisimme yöelämässä ilman häiriötekijöitä ja olisimme hieman huppelissa? Päättyisikö ilta kenties
      Ikävä
      60
      829
    Aihe