Taustakuva

100% 0% no-repeat fi

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;

}

2

432

    Vastaukset

    Anonyymi (Kirjaudu / Rekisteröidy)
    5000
    • juhakorkeapudas

      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.

    Ketjusta on poistettu 0 sääntöjenvastaista viestiä.

    Luetuimmat keskustelut

    1. Kumpi on sekaisempi - Koskenniemi vai Trump?

      Koskenniemi haukkui Trumppia A-studiossa, niin että räkä lensi suusta. Sen sijaan Trump puheessaan sanoi, että Grönlant
      Maailman menoa
      164
      2974
    2. Ukraina, unohtui korona - Grönlanti, unohtu Ukraina

      Vinot silmät, unohtui Suomen valtiontalouden turmeleminen.
      Maailman menoa
      33
      2816
    3. Sannahan laski sähkön ALV:n 10 prosenttiin, Riikka runnoi 25,5 %:iin

      Tässäkin nähdään kumpi on Suomen kansan puolella, ja kumpi omaa vastaan. Putinistipersuille Suomen kansa tulee aina vii
      Maailman menoa
      37
      1831
    4. Kolmen tuiki tavallisen demariahdistelijan nimet julki

      Nyt tiedetään ketkä kolme oli niissä niin tavanomaisissa demarin jokapäiväisissä askareissa avustajia ahdistelemassa. K
      Maailman menoa
      21
      1784
    5. Kaivattusi silmin

      Minkälaisen kuvan olet omasta mielestäsi antanut itsestäsi kaivatullesi?
      Ikävä
      183
      1680
    6. Miten kauan sulla menisi

      Jos tulisit mun luo tänne nyt kahvinkeittoon?
      Ikävä
      206
      1526
    7. "Pähkähullu ruhtinas" sanoi a-studiossa maailmanpolitiikan professori...

      ...Martti Koskenniemi Trumpista ja hänen toimintatavoistaan, vertasi 1600-luvulla eläneeseen Aurinkokuninkaaseen Ludwig
      Maailman menoa
      325
      1473
    8. Miksi me oikein

      Rakastuttiin?
      Ikävä
      101
      1441
    9. Toivottavasti myös pysyy häkissä

      https://www.is.fi/kotimaa/art-2000011754428.html 😡😡😡 tommosia saastoja sitä näyttää Suomussalmen suunnalta sikiävän �
      Suomussalmi
      17
      1249
    10. Riikka Purra perustelee hallituksen leikkauspolitiikkaa

      Odotukset ovat kovat, mutta puhe on poikkeuksellisen onttoa jopa hallituksen omalla mittapuulla. Vastuu työnnetään alas,
      Perussuomalaiset
      71
      1225
    Aihe