Auttakaa nyt vasta-alkaja-blondia mäessä:
Tyylisivut toimii muuten, mutten saa taustakuvaa näkymään lain sivuilla, saatikka sitten että se toistuisi:(
Eli mitä muotoa se pitää olla
backround-image: url(C:\Documents and Settings\em\My Documents\Emillansivut\tapetti.gif);
ja miten se toisto laitetaan?
Kiitos kaunis!
Tyylisivut toimii muuten, mutten saa taustakuvaa näkymään lain sivuilla, saatikka sitten että se toistuisi:(
Eli mitä muotoa se pitää olla
backround-image: url(C:\Documents and Settings\em\My Documents\Emillansivut\tapetti.gif);
ja miten se toisto laitetaan?
Kiitos kaunis!
Vastaukset 9
Vanhimmat
Vaikka näin:
body {
background-image: url(tapetti.gif);
background-color: #000;
background-repeat: repeat;
}
Kuva siis laitetaan urlina, ei paikallisena polkuna. Jos kuva on samassa kansiossa kuin sivu, riittää pelkkä kuvan nimi.
Jos kuva olisi vaikka toisella palvelimella voit pistää koko osoitteen esim url(http://www.jokupalvelin.fi/kuvat/munkuva.jpg)
Toistomääritykset:
repeat-x -> toista vaakasuuntaan.
repeat-y -> toista pystysuuntaan.
repeat -> toista vaaka- että pystysuuntaan.
no-repeat -> älä toista.
Ja kannattaa laittaa taustaväri siltä varalta, jos kuva ei olekaan saatavissa jostain syystä.
Lisukkeena linkki mistä löytyy css-määrityksistä oikeaa tietoa:
http://www.w3schools.com/css
ja hyviä öitä!!!
Toimi kyllä IE.ssä mutta miten saisi toimimaan Mozillassa?
Tokihan tuo nyt Mozillassa toimii.
Tuon voi muuten lyhentää muotoon:
body {background: #000 url(tapetti.gif) repeat;}
Toimii aivan samalla tavalla.
...tein palvelimelle index.htm -nimisen tiedoston:
kokeilu
Kokeilu
ja tyylitiedoston:
sekä kansion img jossa baari.jpg
Lopputulos:
IE näyttää taustakuvan ja -värin mutta Mozilla ei
Tyylitiedostoon ei kuulu laittaa html-merkintöjä. Jätä siis pois nuo:
Mikäli css laitetaan html-sivulle niin silloin nuo ovat tarpeellisia.
Eli:
---------- index.html ---------
kokeilu
Kokeilu
---------- style.css --------
body {
background-image: url(img/baari.jpg);
background-color: #737373;
background-repeat: repeat-y;
}
-----------------------------
... kun siivosin nämä ylimääräiset tagit homma toimi myös Mozillassa.
Kokeilin sitten myös vanhaa Netscape 4:sta (jotkut jopa käyttävät sitä vielä oletusselaimena). Siinä ei body-määritteet näytä toimivan vaikka muu tyylitiedoston sisältö pelaa.
Opera 4:ssa toimi body ja fontit, mutta marginwidth-määritteet eivät pelanneet.
..ovat vähän sellaisia. Se oli sitä aikaa kun css oli varsin uusi juttu.
Olen melkoisen varma ettei kukaan käytä enää Operan 4:sta mutta NS4:ää taitaa vieläkin olla jonninverran käytössä. Jos NS4:ää haluaa tukea niin sille voi tehdä helposti oman yksinkertaistetun tyylisivun ja paremmille selaimille sitten oman.
Voin ehkä palata asiaan huomenna.