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
334
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
Ja taas ammuttu kokkolassa
Kokkolaisilta pitäisi kerätä pois kaikki ampumaset, keittiöveitset ja kaikki mikä vähänkään paukku ja on terävä.465005- 703081
Helena Koivu on äiti
Mitä hyötyä on Mikko Koivulla kohdella LASTENSA äitiä huonosti . Vie lapset tutuista ympyröistä pois . Lasten kodista.3061966Milli-helenalla ongelmia
Suomen virkavallan kanssa. Eipä ole ihme kun on etsintäkuullutettu jenkkilässäkin. Vähiin käy oleskelupaikat virottarell2631798Kuinka kauan
Olet ollut kaivattuusi ihastunut/rakastunut? Tajusitko tunteesi heti, vai syventyivätkö ne hitaasti?1151699Kun näen sinut
tulen iloiseksi. Tuskin uskallan katsoa sinua, herätät minussa niin paljon tunteita. En tunne sinua hyvin, mutta jotain531286Ja taas kerran hallinto-oikeus että pieleen meni
Hallinto-oikeus kumosi kunnanhallituksen päätöksen vuokratalojen pääomituksesta. https://sysmad10.oncloudos.com/cgi/DREQ951249- 701182
Löydänköhän koskaan
Sunlaista herkkää tunteellista joka jumaloi mua. Tuskin. Siksi harmittaa että asiat meni näin 🥲1331167Purra saksii taas. Hän on mielipuuhassaan.
Nyt hän leikkaa hyvinvointialueiltamme kymmeniä miljoonia. Sotea romutetaan tylysti. Terveydenhoitoamme kurjistetaan. ht2801137