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

393

    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. Vesikin maksaa, miksei hengitysilma?

      Jatkuvasti itketään ettei ole rahaa mihinkään, mutta tilastojen mukaan rahaa on enemmän kuin koskaan, joten miksei asial
      Maailman menoa
      2
      1635
    2. Satuolennoista tarinointi ei kuulu peruskoulun tehtäviin

      Opetustunteja on muutenkin käytössä vain rajallinen määrä. Eli nämä satuhommat koulun ulkopuolelle vapaaehtoisiin harras
      Maailman menoa
      106
      1597
    3. Suomalainen perheenisä vaatii Suvivirren esittämisestä hyvityksiä

      Itse lapsena uskonnonopetuksesta vissiin traumoja saanut ihka suomalainen (!) perheenisä vaatii Espoon kaupungilta korva
      Maailman menoa
      234
      1122
    4. Lahkokasteen ja kristillisen kasteen erot

      Raamatun mukaan Kristillisessä yhdessä kasteessa Jumala pesee ja puhdistaa ihmisen sydämen ja poistaa perisynnin kirouks
      Kaste
      422
      1068
    5. Mitä haluaisit

      Tehdä kaivattusi kanssa?
      Ikävä
      128
      909
    6. Heikki Paasosen Marita-vaimo jätti tunteikkaat jäähyväiset: "Tällä kertaa me..."

      Heikki Paasonen on naimisissa Marita Paasosen (os. Alatalo) kanssa ja heillä on kaksi pientä lasta. Nyt koitti aika jätt
      Suomalaiset julkkikset
      2
      846
    7. Kuka omistaa keltaisen vanhan aravan?

      Pitäs saada rakennuksen omistajaan yhteys, rappukäytävät on siivottomassa kunnossa. Hiekkaa ja roskia rappusissa, lisäks
      Haapavesi
      29
      827
    8. Känsäkoura ja hotelli

      Tietoa kuka ostanut?
      Kuhmo
      10
      825
    9. Pirkanlinna yleisötapahtuma

      Oli todella hyvä tilaisuus. Ja EERO. L. Aivan mahtava tyyppi. Veti rennosti ja asiallisesti. Ja yleisöltä hyviä kysymyks
      Ähtäri
      47
      807
    10. Nostetaanko nainen kissa pöydälle?

      Ja selvitetään nämä tunteet?
      Ikävä
      69
      790
    Aihe