Ongelmana taustakuva:
Miten sen saa kaiken kokoisissa näytöissä näkymään kokonaan?
Olen yrittänyt kaikkia näitä konsteja, mutta heti kun katson sivujani leveämmällä näytöllä jää oikealle valkoinnen palkki. Miksi taustakuva ei veny, vaikka olen laittanut että olisi 100%. Toistua se ei saa koska kuvasta tulee muuten ruma, kun ei ole yksivärinen. Onkohan tähän mitään pätevää keinoa?
}
background-repeat: no-repeat;
background-repeat: repeat;
background-repeat: repeat-x;
background-repeat: repeat-y;
background-attachment: fixed;
background-attachment: scroll;
background: #fff url(kuvat/logo.gif) 100% 0% no-repeat fixed;
}
Miten sen saa kaiken kokoisissa näytöissä näkymään kokonaan?
Olen yrittänyt kaikkia näitä konsteja, mutta heti kun katson sivujani leveämmällä näytöllä jää oikealle valkoinnen palkki. Miksi taustakuva ei veny, vaikka olen laittanut että olisi 100%. Toistua se ei saa koska kuvasta tulee muuten ruma, kun ei ole yksivärinen. Onkohan tähän mitään pätevää keinoa?
}
background-repeat: no-repeat;
background-repeat: repeat;
background-repeat: repeat-x;
background-repeat: repeat-y;
background-attachment: fixed;
background-attachment: scroll;
background: #fff url(kuvat/logo.gif) 100% 0% no-repeat fixed;
}
Vastaukset 2
Vanhimmat
Kuva ei veny mihinkään, se on sen kokoinen kuin se on. Teet kuvasta suuremman, niin, että se täyttää koko tilan.
Kerropa URL niin voidaan nähdä, mitä oikeasti olet yrittämässä. Se mitä kuvaat on silkkaa pään hakkaamista seinään, koska CSS:llä asetetun taustakuvan ei ole tarkoitus venyä ollenkaan eikä prosenttiluvuilla ole ollenkaan sellaista merkitystä kuin luulet. (Kannattaisiko lukea jotain CSS-alkeisesitystä sen sijaan, että kokeilee mitä sattuu?)
Kuvan URLista voi arvailla, että tarkoitus on esittää logo ja että sen pitäisi olla koko näyttöalueen levyinen. Tällaista ei kannata yrittääkään tehdä taustakuvalla vaan esimerkiksi näin:
CSS:llä voit sitten asettaa img-elementille fontti- tms. ominaisuuksia niin, että vaihtoehtoteksti "ACME Inc." (= sama teksti kuin logossa) näkyy mahdollisimman samanlaisena kuin logossa siinä tapauksessa, että selain ei näytä kuvaa vaan vaihtoehtotekstin.
Logon luonteesta ja kussakin tilanteessa tarvittavan skaalauksen suuruudesta riippuu, miten hyvä tulos on.
Ja jos logo.gif ei sisälläkään logoa vaan tunnuskuvan, tilanne voi muuttua hiukan.