Keskustelu: Nettisivujen teko: Taustakuvan keskitys

Miten saan page background jutulla html olevan silleen että se jättää reuniin mustat palkit ja keskittää taustakuvan? Koska nyt se näyttää sen kuvan monta kertaa ja teksti näkyy eri paikassa kannettavalla ja pöytäkoneen näytöllä. Millä saa taustakuvan keskitettyä sillee et se on siinä yhden kerran ja reunoihin mustat palkit?

background: #000 url(munkuva.png) no-repeat scroll center center;

Eikö toisen centerin pitäisi olla middle?

ankzilla kirjoitti:

Eikö toisen centerin pitäisi olla middle?

Kyllä ainakin w3schools:in mukaan center center on oikein. http://www.w3schools.com/css/pr_background-position.asp

Ok, my bad.

Tähän samaan kysyn, että kun minulla on divi linkit ja siihen pitäisi saada taustakuva, mutta pitäisi tulla linkkien taakse eikä viereen, miten se onnistuisi?

Rickken kirjoitti:

Tähän samaan kysyn, että kun minulla on divi linkit ja siihen pitäisi saada taustakuva, mutta pitäisi tulla linkkien taakse eikä viereen, miten se onnistuisi?

Tuohan onnistuu määrittämällä diville taustakuva, vai haluatko jotain muuta, mitä en tajunnut.

#linkit {
	background-image: url('kuvan_nimi.png');
}

Kokeilin tuota, mutta kuva pitää mennä tekstin alle.

Sehän menee tossa tekstin alle?

Minulla sitä ei näy ollenkaan, jos laitan html:llä näkyy, mutta vieressä tai ylhäällä.

Rickken kirjoitti:

Minulla sitä ei näy ollenkaan, jos laitan html:llä näkyy, mutta vieressä tai ylhäällä.

Jos liität kuvan img-tagilla, ei sen kuulukaan mennä tekstin alle, sen sijaan taustakuva kyllä menee. Jos kuvaa ei näy ollenkaan, olet tehnyt jossain virheen, kuten kirjoittanut kuvan nimen väärin. Tässä vielä esimerkki: http://tossu.dy.fi/foo/nettisivu-esimerkit/css-background/

Jos ymmärsin oikein, että hoidat hiiren painallukset div elementeillä, kannattaa rakennetta varmasti muuttaa.