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
357
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
- 873196
- 883033
- 681862
Tykkään susta
Elämäni loppuun asti. Olet niin suuresti siihen vaikuttanut. Tykkäsit tai et siitä191822- 281722
- 211691
- 241687
Pettymys! Tähdet, tähdet -kisassa tämä erikoisjakso pois - Pistänyt artistit todella lujille!
Tähdet, tähdet -kisa on edennyt genrestä toiseen. Mutta erästä monen toivomaa erikoisjaksoa ei tällä kaudella nähdä. Voi331345- 481327
Onko meillä
Molemmilla nyt hyvät fiilikset😢ei ainakaan mulla mutta eteenpäin on mentävä😏ikävä on, kait se helpottaa ajan myötä. Ko91309