Yhdelle diville eri tyyli, miten?

Weraqr

Olen määritellyt tyylit, mutta tarvitsisin yhdelle diville muuten samat tyylit, mutta eri leveyden. Miten tämä kannattaa tehdä?

Mielestäni on tyhmää määrittää uudestaan kaik pelkän leveyden muutoksen takia. Divit käyttää class joten voiskos määrittää tuolle yhelle kaks jotenkin?

Ratkaisun pitää olla toimiva usealla selaimel, ei mitään IE tai FF syrjiviä.

4

376

    Vastaukset

    Anonyymi (Kirjaudu / Rekisteröidy)
    5000
    • Höpö.

      Voit määritellä vaikka kaikki miksi tahansa kerralla ja sitten myöhemmin jollekin vain tietyn ominaisuuden poikkeuksena. Silloin säilyy kaikki muu, paitsi se poikkeus kumoutuu myöhemmällä määrityksellä. Oliko tarpeeksi sekavaa?
      Esimerkki:

      .tyyli1, .tyyli2, .tyyli3 {
         width: 100px;
         color: Red;
         }
      .tyyli2 {
         width:150px;
         }


      Jollei tuo auttanut, tee tarkempi kysymys vaikka esimerkin kanssa.

      • Weraqr

        Auttoi tuo ja toimiikin niinkuin haluan.

        Löysin Googlettamal tämmösen

        class="tyyli1 tyyli2"

        Pikatestailul näyttäisi toimivan, mutta mitenkäs eri selaimet moiseen suhtautuu?

        Tuo olis mielestäni helpompa tähän tilanteeseen, kun tuota tyyli2 voisi käyttää muidenkin kanssa mihkä tarttee saman muutoksen.

        En tienytkään, että tyylejä voi tuolleekin määrittää, kiitos avusta.


      • Weraqr kirjoitti:

        Auttoi tuo ja toimiikin niinkuin haluan.

        Löysin Googlettamal tämmösen

        class="tyyli1 tyyli2"

        Pikatestailul näyttäisi toimivan, mutta mitenkäs eri selaimet moiseen suhtautuu?

        Tuo olis mielestäni helpompa tähän tilanteeseen, kun tuota tyyli2 voisi käyttää muidenkin kanssa mihkä tarttee saman muutoksen.

        En tienytkään, että tyylejä voi tuolleekin määrittää, kiitos avusta.

        Itse löysin Google-loitsulla tuollaisen sivun:
        http://www.pixelsurge.com/experiment/multiplestyles.htm

        Ensimmäisen testin tulosten perusteella kahden luokan käyttäminen näyttäisi toimivan varsin hyvin. Ongelmia aiheuttavat vain IE 4 ja NN 4, jotkat ovat kyllä jo ikivanhoja selaimia. Lisäksi, kuten alla olevalta sivulta näkyy, NN 4:n CSS-tuki on lievästi sanottuna surkea muutenkin.

        http://www.css.nu/pointers/bugs-nn.html#NN4


      • Weraqr
        Whitelighter kirjoitti:

        Itse löysin Google-loitsulla tuollaisen sivun:
        http://www.pixelsurge.com/experiment/multiplestyles.htm

        Ensimmäisen testin tulosten perusteella kahden luokan käyttäminen näyttäisi toimivan varsin hyvin. Ongelmia aiheuttavat vain IE 4 ja NN 4, jotkat ovat kyllä jo ikivanhoja selaimia. Lisäksi, kuten alla olevalta sivulta näkyy, NN 4:n CSS-tuki on lievästi sanottuna surkea muutenkin.

        http://www.css.nu/pointers/bugs-nn.html#NN4

        Kiitoksia käytämpäs sit tuota. Itsekkin yritin kyl kiusata Googlea mut vääril sanoil tietenkin.

        Ei nuo 4 ongelmat haittaa, kun sekoavat muutenkin sivuni tyylimäärittelyis, joten en tarjoa niille tyylejä ollenkaan.


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

    Luetuimmat keskustelut

    1. Suomen kansa haluaa Antti Lindtmanista pääministerin

      Lindtman on miltei tuplasti suositumpi kuin etunimikaimansa Kaikkonen. Näin kertoo porvarimedian teettämä kysely. http
      Maailman menoa
      245
      4452
    2. Vain 21% kannattaa Lindtmania pääministeriksi

      se on selvästi vähemmän kuin puolueen kannatus, mites nyt noin?
      Maailman menoa
      123
      2899
    3. Miten löydän sinut

      Ja saan sanottua kaiken mitä haluan sinulle kertoa? Ja kuinka kuuntelisit minua sen hetken? Kuinka voin ilmaista sen mit
      Ikävä
      41
      2652
    4. Yöllinen autolla kaahari Heinolan seudulla

      Asukkaita häiriköivän nuoren herran autokaahaus keskustelu poistettu, onko jokin hyvävelijärjestelmä käytössä ?
      Heinola
      81
      1644
    5. Vaikea tilanne

      Hieman kolkuttaa omatuntoa, kun on osoittanut kiinnostusta väärää naista kohtaan. En ymmärrä miten toinen on voinut te
      Ikävä
      116
      1528
    6. Milloin kaivatullasi

      .. on nimipäivä?
      Ikävä
      50
      1238
    7. Kehtaisitko näyttäytyä

      kaivattusi seurassa?
      Ikävä
      85
      1164
    8. Julkinen sektori on elänyt aivan liian leveästi yli varojensa!

      Viimeisen 15 vuoden aikana julkisen puolen palkat ovat nousseet n. 40%, kun taas yksitysellä sektorilla vain n. 20%. En
      Maailman menoa
      203
      1054
    9. Ne viimeiset kerrat

      Kun katsoit minua niin lämpimästi. En unohda sitä ❤️
      Ikävä
      59
      1003
    10. Missä kunnassa kaivattusi asuu

      Kuinka tarkkaa uskalla sanoa?
      Ikävä
      45
      996
    Aihe