En nyt tähän hätään löytänyt esimerkkisivua asiastani, mutta koitan selittää:
Haluaisin Taulukon solussa olevan taustakuvan pysyvän paikallaan vaikka tekstiä vierittäisi eteenpäin.
Jos 2x2 taulukon jokaisen solun taustalla olisi 1/4 ympyrä ja yhdessä ne muodostaisivat kokonaisen ympyrän, niin miten saan esim. vasemman alakulman soluun lisättyä tekstiä siten, että jos tekstin määrä ylittää solun koon, niin reunalla olevan scrollbarin avulla vain teksti liikkuisi ja tausta pysyisi paikallaan. En siis halua että tekstiä vieritettäessä ympyrän neljänneskin toistuu useampaan otteeseen kuten esim. windowsin taustakuvan tile-option kanssa.
Haluaisin Taulukon solussa olevan taustakuvan pysyvän paikallaan vaikka tekstiä vierittäisi eteenpäin.
Jos 2x2 taulukon jokaisen solun taustalla olisi 1/4 ympyrä ja yhdessä ne muodostaisivat kokonaisen ympyrän, niin miten saan esim. vasemman alakulman soluun lisättyä tekstiä siten, että jos tekstin määrä ylittää solun koon, niin reunalla olevan scrollbarin avulla vain teksti liikkuisi ja tausta pysyisi paikallaan. En siis halua että tekstiä vieritettäessä ympyrän neljänneskin toistuu useampaan otteeseen kuten esim. windowsin taustakuvan tile-option kanssa.
Vastaukset 2
Vanhimmat
Jokaiselle solulle oma tyyli, tässä esim. vasemmasta alakulmasta, muuttelet sitten vaan muihin kulmiin tarvittavat tyylit(top, bottom, right, left..you know..?)..=)
.alavasen {
background:url("vasenalakulmakuvasi.jpg") no-repeat top right;
}
Siihen vasempaan alasoluun laitat
Miksi se taustakuva pitää jakaa neljään osaan ja laittaa palaset soluihin? Eikö riitä että se kuva on taulukon taustalla?
table {
background-image: url(taustakuva.jpg);
background-position: center;
background-repeat: no-repeat;
background-attachment: fixed;
}
Tai sitten lyhyemmin:
table { background: url(taustakuva.jpg) no-repeat fixed center; }