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
321
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
Kalle Palander kertoi fantasioivansa siitä, kuinka Kiira Korpi naisi häntä sträppärillä ahteriin
Sai potkut Yleltä. https://yle.fi/a/74-201400006171102124h Kirppis
Olen muuttamassa paikkakunnalle ja mietin olisiko tälläiselle liikkeelle tarvetta alueella?133658Suomessa eletään liian pitkään
"Ihmisten on kuoltava" Asiantuntija varoittaa: Suomi ei ole valmis siihen, että niin moni elää pitkään: ”Kaiken täytyy2432501Kerotakaa joensuun kontiolahden paiholan laitoksesta jotain
Mun kaveri joutuu paiholan laitokseen nyt lähi aikoina niin voisko ihmiset kertoa minkälaista siellä on tarinoita jne ja262455Deodoranttiteollisuus
Annan ilmaisen vinkin. Kyseinen teollisuus voisi alkaa valmistaa kuolleen ruumiin hajua. Olisi varma hittituote, ainakin31800- 1981295
Sun ulkonäkö on
Kyllä viehättävä. Kauniit piirteet. Todella sievät. Ja olemus on ihana. Olet tehnyt vaikutuksen.491244- 721180
Olen niin haaveillut
Sinusta. Ollut hullun rakastunut. Ajatellut kaikkea mitä yhdessä voisimme tehdä. Mutta ei ei yhtään mitään. Usko vaan lo591069Oletko koskaan
Tavannut/tuntenut ihmistä, jonka kanssa vuosisadan rakkaustarina olisi ollut mahdollinen, mutta joku este tuli väliin?771019