Miten saisin taustakuvan toistumaan vain kerran, ja siitä alaspäin tausta olisi yksivärinen? Asiaa on hankala selittää, mutta katsokaapas http://www.tilt.tv/
Kuten huomaatte, taustakuva näkyy siellä vain kerran, ja siitä alaspäin tausta on yksivärinen. Katsoin sivustojen CSS:ää, mutta en saanut tuota toimimaan itselläni. Tällainen koodi siellä oli:
body {
background: #868E98 url(/img/bg-gradient.jpg) repeat-x;
padding: 0px;
margin: 0px;
font-size: 10px;
}
Mikä mättää?
Kuten huomaatte, taustakuva näkyy siellä vain kerran, ja siitä alaspäin tausta on yksivärinen. Katsoin sivustojen CSS:ää, mutta en saanut tuota toimimaan itselläni. Tällainen koodi siellä oli:
body {
background: #868E98 url(/img/bg-gradient.jpg) repeat-x;
padding: 0px;
margin: 0px;
font-size: 10px;
}
Mikä mättää?
Vastaukset 4
Vanhimmat
Taustakuvan koko, leveys x korkeus: 32x768
kokeile uudestaan, toimii takuulla jos sulla oli oikea taustakuva ;=)
NoMuttaEiSeTämänVaikeampaaOle
..hylättäis nuo muinaiskoodit, elikkäs vanhentuneet attribuutit, ja siirryttäis mahdollisimman pitkälti css:n käyttöön.
Elikkäs tuo koodi jonka olit napannut. Siinä sivuillahan EI ole yksiväristä taustaa vaan sellainen liukuväri taustakuvana ( http://tilt.tv//img/bg-gradient.jpg ), kooltaan 32 x 768 px ja jota toistetaan sitten sivuttaissuunnassa.
Se logo joka noilla sivuilla on, on logo.gif ja se on sijoitettu ihan taulukkoon.
Mutta voihan sen taustakuvanakin laittaa jos tahtoo:
Untitled
body {
background: #CCCCCC url(http://tilt.tv/img/logo.gif) no-repeat;
}
tai jos haluat laittaa sen vaikkapa keskelle yläreunaa niin lisäät vielä määritykseksi top center, siis näin:
background: #CCCCCC url(http://tilt.tv/img/logo.gif) no-repeat top center;
Vähän noita teidän ehdotuksianne muokkaamalla sain siitä juuri oikean. Kiitos!
Selitin kyllä asian ehkä hieman hankalasti. :)
Aina kannattaisi mietti mitä oikeastaan haluaa niin silloin on helpompi laittaa kysymys sellaiseksi että siihen osataan vastata oikein.
Hyvät jatkot. Joku päivä EHKÄ näytän sinulle miten sinun olisi nuo sivusi kannattanut mielestäni tehdä :)