Miten CSS-tiedostoon pitää määritellä kuvan "osoite" että Firefox osaa sen hakea ja näyttää sivuilla? Siis kyse taustakuvasta.
Explorer näyttää kuvan, mutta Firefox ei....
Explorer näyttää kuvan, mutta Firefox ei....
CSS ja Firefox
apuva....
14876
0Äänestä
Muut lukivat myös
Odottaa vastausta
Näihin keskusteluihin ei ole vielä vastattu. Ole ensimmäinen.
Vastaukset 14
Vanhimmat
Näin:
background-image:url(kuva.jpg);
Tarkista tyylitiedosto CSS-tarkastajalla
http://jigsaw.w3.org/css-validator/
Jos sivujen tekoa harrastat, niin suosittelen Firefoxiin Web Developer laajennusta.
http://www.chrispederick.com/work/firefox/webdeveloper/
Paljon hyödyllisiä toimintoja, voit esimerkiksi muokata css:ää lennosta.
kuva on eri kansiossa kuin html-tiedostot?
Niin siis sitä kuvaa haetaan suhteessa css-tiedostoon. Jos css-tiedosto on html-tiedostossa niin sit tietenkin siihen html-tiedostoon.
Jos on samassa hakemistossa:
background-image:url(kuva.jpg);
Jos on alihakemistossa, niin vaikkapa näin:
background-image:url(alihakemisto/kuva.jpg);
Jos taas ylempänä niin vaikka näin:
background-image:url(../kuva.jpg);
Voi myös hakea kauempaa:
background-image:url(../kuvat/kuva.jpg);
Tai sitten suhteessa hakemiston juureen:
background-image:url(/kuvat/kuva.jpg);
Tai vaikka ihan absoluuttisesti:
background-image:url(http://www.munsivut.net/kuvat/kuva.jpg);
*Tai vaikka ihan absoluuttisesti:
background-image:url(http://www.munsivut.net/kuvat/kuva.jpg);*
Itselläni on semmoinen mielikuva, että noi http://..... ovat hitaampia kuin pelkkä suoraviittaus, tiedä sit?
Tuo 5. esimerkkisi ei toimi FF:ssä. Eikä viimeinenkään, jos sitä koettaa kotikoneella tyyliin "c:/...".
Eli nämä suhteelliset osoitteet toimivat hyvin, esim:
url(alihake/kuva.jpg)
url(./alihake/kuva.jpg)
url(../alihake/kuva.jpg)
Kun taas tällaiset Wintoosa-spesifiset eivät toimi:
url(/alihake/kuva.jpg)
url(c:/alihake/kuva.jpg)
mutta eihän tällaisia netissä kukaan käytäkkään ( paitsi tämän palstan kyselijät ;) )
*Kun taas tällaiset Wintoosa-spesifiset eivät toimi:
url(/alihake/kuva.jpg)
url(c:/alihake/kuva.jpg)*
Mikzi muka url(/alihake/kuva.jpg) ei toimisi muissa kuin windows koneissa?
Tosin yleensä /tunnus/alihake/kuva.jpg pitää laittaa, ellei palvelimen asetuksista ole laitettu niin, että / merkillä pääsee vain omaan kotihakemistoon, eikä serverin juureen.
tarkoitin että nämä 'Wintoosa-spesifiset' eivät toimi muilla kuin IE-pohjaisilla selaimilla.
Eli ne eivät toimi FireFoxissa (windows-koneella).
Tai jos toimivat, niin olen hirveän hämmästynyt.
*tarkoitin että nämä 'Wintoosa-spesifiset' eivät toimi muilla kuin IE-pohjaisilla selaimilla.*
Opera, Netscape jne.... ovat mitä ilmeisemmin sit ie pohjaisia ;)
*Eli ne eivät toimi FireFoxissa (windows-koneella).
Tai jos toimivat, niin olen hirveän hämmästynyt.
*
Kyllä ne ainaskin omassa Firefoxissa näkyvät ongelmitta, käyttis on Winxp. Ja olishan se aika tyhmääkin jos muissa selaimissa toimii, mut firefoxis ei, sillä senverran yleinen tapa toi on. Esim http://digicamera.net/dnews.htm mainokset ovat merkattu juuri tohon tyyliin /xxxxx ja toimivat.
Kenties ovat muuttaneet tähän 1 versioon käyttäytymistä, sillä samasta asiasta muistan kuuleeni pölötystä ettei toimisi firefoxil mut silloin olikin kyseessä joku 0.9 tai vastaava beta asteella oleva.
"Eli ne eivät toimi FireFoxissa (windows-koneella).
Tai jos toimivat, niin olen hirveän hämmästynyt."
Kokeilin FF 1.0:lla. Ei toimi kotikoneella. Netissä tietty toimii.
Mutta alkuperäisen kysyjän ongelmaan palatakseni; kysyjä on tod.näk käyttänyt absoluuttista osoitetta, eli "/alihak..." tai "c:/alihak...", koska IE:llä kuva näkyy, mutta FF:llä ei.
*Kokeilin FF 1.0:lla. Ei toimi kotikoneella. Netissä tietty toimii. *
Kyllä ne vaan kotikoneellakin toimivat, toi / hakee kuvaa vaikkapa ceen juuresta jossa ei ole sen nimistä kuvaa siks ei toimi, mutta jos siel on kuva niin johan toimii.
url(/alihake/kuva.jpg)
ei todellakaan ole mikään "Wintoosa-spesifinen" vaan aivan standardin mukainen hakupolku. Tarkoittaa että kuva.jpg haetaan juurihakemiston olla olevasta hakemistosta nimeltä alikahe. Mikä tuosta tekee Windowsia?
Tietenkään netissä olevien sivujen mitään kuvaa ei voi hakea osoitteesta c:/ -jotain mutta enhän minä toki niin ole väittänytkään.
Vielä muuten yks mahdollinen vika:
jos hakupoluissa käytetään \ -merkkiä /-merkin sijasta. Bill Gates kaikessa viisaudessaan joskus keksi että olis hassunhauskaa tehdä asiat pikkusen eritavalla kuin oikeissa käyttöjärjestelmissä.
M$ -tapa ilmoittaa osoitteet alihake\kuva.jpg on lailla kielletty.
"...vaikkapa ceen juuresta jossa ei ole sen nimistä kuvaa siks ei toimi"
Otapa nyt äly käteesi ja unohda tuollaiset idioottimaiset spekulaatiot. Jos sitä kuvaa ei ole, niin miten se voisi näkyä IE:llä???
Ja kerropa nyt mikä on vikana alla olevassa koodissa. Juurihakemistossa ON 'a.jpg' ja
KUVA NÄKYY IE-POHJAISILLA MUTTA EI NÄY MOZILLA POHJAISILLA
body{background-image:url(/a.jpg);}
Testattu 5 selaimella.
hakemisto / ei välttämättä ole kaikkien selainten mielestä samassa paikassa. Kun Microsoftin mielestä mennään hakemistoon / niin silloin mennään sen levyaseman juureen mistä ollaan menossa. Mutta oikeat selaimet taas menevät juureen, niin alas kun päästään. Eli jos laitetaan linkki linkki niin sitten näytetään levyasemalistaus. Näin siis jos Windowskoneelta menee hakemistoon /
Jos haet jotain omalta koneeltasi niin käytä vaikka polkua file://localhost/c:/a.jpg
Mene Windowsissa komentokehotteeseen ja kirjoita cd \ (mene juureen) ja katso missä olet. Aivan, olet sen aseman juuressa missä olit kun kirjoitit komennon.
Kirjoita Unixissa (tai Linuxissa) vastaava komento cd / ja katso missä olet. Kyllä, tarkka sijaintisi riippuu siitä millä käyttäjätunnuksella olet koneella. Käytännössä jos olet käyttäjänä niin olet oman kotihakemistosi juuressa (eli niin juuressa kuin sinulla on oikeuksia) ja jos taas olet Adminina niin olet koko koneen juuressa.
Firefoxin ja Mozillan mielestä / tarkoittaa niin juureen menemistä kuin mihin käyttäjällä on aikeudet. Windowsissa tavallisilla käyttäjillä on aika käsittämättömän paljon oikeuksia (tietoturvariski!).