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
376
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
Suomen kansa haluaa Antti Lindtmanista pääministerin
Lindtman on miltei tuplasti suositumpi kuin etunimikaimansa Kaikkonen. Näin kertoo porvarimedian teettämä kysely. http2454452Vain 21% kannattaa Lindtmania pääministeriksi
se on selvästi vähemmän kuin puolueen kannatus, mites nyt noin?1232899Miten löydän sinut
Ja saan sanottua kaiken mitä haluan sinulle kertoa? Ja kuinka kuuntelisit minua sen hetken? Kuinka voin ilmaista sen mit412652Yöllinen autolla kaahari Heinolan seudulla
Asukkaita häiriköivän nuoren herran autokaahaus keskustelu poistettu, onko jokin hyvävelijärjestelmä käytössä ?811644Vaikea tilanne
Hieman kolkuttaa omatuntoa, kun on osoittanut kiinnostusta väärää naista kohtaan. En ymmärrä miten toinen on voinut te1161528- 501238
- 851164
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%. En2031054- 591003
- 45996