Miten saisin taustakuvan näkymään taulukossa vaikkei solussa ole mitään muuta sisältöä? Saan sen kyllä näkyviin jos laitan esim. width="20%" mutta silloin se ei osu kohdalleen ja se alkaa toistua sivusuunnassa.
Tällähetkellä se on siis tehty näin:
mutta mitään ei näy...
Tällähetkellä se on siis tehty näin:
mutta mitään ei näy...
Vastaukset 3
Vanhimmat
»silloin se ei osu kohdalleen ja se alkaa toistua sivusuunnassa.»
Mitä tarkoitat ettei osu kohdalleen?
Taustaa ei tietenkään näy jos taulukko on niin pieni ettei se siinä näy. Eli kokoa taulukkoon joko sisällöllä tai sitten koon määrityksellä.
table {
border: 1px solid Black; /* yhden pikselin reunus */
width: 200px; /* taulukon leveys */
height: 50px; /* taulukon korkeus */
background-image: url(http://www.suomi24.fi/img/fsuo_talvi.gif); /* taustakuva */
background-position: 5px 10px; /* taustakuvan sijainti, 5px vasemmasta reunasta ja 10px yläreunasta */
background-repeat: no-repeat; /* taustakuvaa ei toisteta */
}
Tuo sivun head-osaan.
Tietenkin voit laittaa sen myös suoraan table-tagiin:
jos soluun ei tule muuta sisältöä, niin kuvaa ei kannata laittaa taustakuvaksi.
Juu kiitos nyt toimii!