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ä.
Yhdelle diville eri tyyli, miten?
Weraqr
4
362
Vastaukset
- 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#NN4Kiitoksia 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
Nyt tajusin mitä haet takaa
En epäile etteikö meillä olisi kivaa missä vaan. Se on iso hyppy henkisellä tasolla sinne syvempään päätyyn, kuten tiedä433643- 362314
Naiselle mieheltä
Huomasin tuossa, että jääkaapissani on eräs sinun ostamasi tuote edelleen avaamattomana. Arvaatko mikä?321915- 181658
- 171649
- 231578
- 241427
Ihmetteletkö, mihin sinussa ihastuin?
Pikkuhiljaa huomasin, että olet ainutlaatuinen luonne, plussana tietysti ulkoiset avut. Toista ei taida löytyä koko maai841378- 201349
Mitä yhteistä on sulla ja kaivatulla?
Onko teillä samantyyppinen olemus tai luonne? Vai muistuttaako vartalonne toisiaan? Tai kasvot? Entä pukeutuminen? Onko891262