Hei!
Jos määrittelen css tyylitiedostossa taustan näin:
body
{
background-image: url(stars.gif);
background-repeat: no-repeat;
background-position: top left
}
Niin mitenköhän noi vanhemmat selaimet tuon näyttävät? Ilmeisesti netscapen vanhemmat eivät tuo tuota positionia.
Voiko tuon jotenkin määrittää niin, että vanhemmat selaimet eivät näe tuota?
Jos määrittelen css tyylitiedostossa taustan näin:
body
{
background-image: url(stars.gif);
background-repeat: no-repeat;
background-position: top left
}
Niin mitenköhän noi vanhemmat selaimet tuon näyttävät? Ilmeisesti netscapen vanhemmat eivät tuo tuota positionia.
Voiko tuon jotenkin määrittää niin, että vanhemmat selaimet eivät näe tuota?
Vastaukset 12
Vanhimmat
noissa vanhemmissa versioissa on puutteellinen. Yksinkertaisinta on piilottaa koko css 4-sarjan selaimilta.
Kannattaa myös opetella käyttämään lyhennöksiä css:ssä. Helpottaa elämää pitkässä juoksussa. Esimerkiksi antamasi pätkän voi (ja kannattaa) kirjoittaa näin:
body {
background: #fff url(stars.gif) no-repeat top left;
}
Jossa #fff on sivun taustaväri ja loput varmaan arvaatkin :)
se, että mulla ei toimi nuo css-lyhennykset?
Teen koodit TopStyle Lite-ohjelmalla (muistaakseni oli tuonniminen ohjelma) ihan asianmukaisesti oikein, mutta selaimet (opera, IE, Netscape, Mozilla) ei niitä ymmärrä, tai siis eivät reagoi mitenkään niihin jostain syystä kuin silloin, jos laitan joka kohdan erikseen tyyliin:
body {
background: #fff;
background-image: url(stars.gif);
background-repeat: no-repeat;
backround-position: top left;
}
Jos yritän vaikkapa fonttia määritellä, pitää siis jokainen kohta laittaa erikseen, joka on sinänsä raivostuttavaa...
Minulla ainakin toimii ja tuskin sinulla mitään omia versioita kyseisistä selaimista on.
Top Style Litellä:
Paina siitä background -kohdasta sitä -merkkiä siinä background-sanan vasemmalla puolella niin siihen avautuviin (sulkeissa oleviin) kohtiin kun täyttää niin saadaan aikaan lyhennetyt muodot.
muttei enää jostain syystä. Sitä ihmettelinkin, kun en ole mitään muuttanut eri tavalla kuin ennenkään, eli samalla tavalla teen kuin aiemminkin (jolloin on toiminut ok). Eikä siis ole mitään omia versioita noista selaimista.
Nyt kun teen css-tiedoston jossa on käytetty lyhennyksiä, ne kohdat eivät toimi selaimissa ennenkuin muokkaan jokaisen kohdan näkymään erikseen (kuten background-image, font-size jne).
laittaa väliaikaisen demosivun jonnekin ja pistää osoitteen tänne?
Just nyt ei oo siihen mahdollisuutta (töissä), mutta kokeilen tuota lyhennysmenetelmää myöhemmin kertaalleen ja jos ei silloinkaan onnistu niin kuin pitäisi, laitan johonkin sen demosivun.
En tosiaan tiedä missä on vika, eihän siellä TopStylessä voi mitään asetuksiakaan vaihtaa (enkä ole vaihtanut)... mut voihan tietty olla että koneessa on jotain vikaa.
Tein pienen testin...
Netscapen 4.51 ei näytät tuota taustakuvaa ollenkaan. Joten tuskin sitä osaa kannattaa piilottaa... Tai tyylitiedostoa.
Käyttääkö oikeasti kovinkin moni vielä noita vanhoja selaimia? Kun tutkii tätä: http://www.w3schools.com/browsers/browsers_stats.asp
Totta kai joku käyttää. Eräs tuttunikin on vielä vannoutunut NN4-fani, mikä on kyllä ihme.
Mutta paras tapa tukea noita wanhempia selaimia, on hyvä merkkaus. Ootkos siirtämässä Akselia johonkin muualle?
Riittääkö se että saa tyylitiedoston tämän läpi: http://jigsaw.w3.org/css-validator/ ja html osan tällä: http://validator.w3.org/
Akselia siirtämässä? Menee ohi mun ymmärryksen, jote ei ole varmaankaan mulle tarkoitettu juttu...
" Riittääkö se että saa tyylitiedoston tämän läpi:"
Ei riitä. Validaattorit tarkistavat vain sen, että syntaksi on antamiesi parametrien mukainen, ei muuta. Mutta virheiden etsiminen helpottuu, kun tiedetään, että koodin on validia.
Kannattaa tutustua: http://www.mezzoblue.com/css/cribsheet/
Joo, akseli-juttu oli Peks_ulle.
Näinkin voi tehdä. Head osaan tämä:
screen.css -tiedoston näin:
--------------------------------
@import url(/default_screen.css);
/* Tämän alapuolelle tulevat sopivat ns4:llä toimivat css:t. Ei tarvitse olla yhtä "mageet" ku moderneille selaimille tarkoitetut */
--------------------------------
Sitten teet tiedostoon default_screen.css sellaisen tyylitiedoston jonka haluat. NS4.x ei ymmärrä @importia joten se lukee perässä olevat rivit. Modernimmat selaimet siirtyvät toiseen tiedostoon.
print.css -nimiseen tiedostoon teet sellaiset määritykset että sivut näkyvät hyvinä tulostuksessa. Esim display : none; on monessakin paikassa hyvä ratkaisu. Kaikkea ei kannata laittaa tulostukseen.
#menu {display : none;}