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. Ukraina, unohtui korona - Grönlanti, unohtu Ukraina

      Vinot silmät, unohtui Suomen valtiontalouden turmeleminen.
      Maailman menoa
      6
      2439
    2. 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
      65
      2248
    3. Miten kauan sulla menisi

      Jos tulisit mun luo tänne nyt kahvinkeittoon?
      Ikävä
      198
      1270
    4. Miksi me oikein

      Rakastuttiin?
      Ikävä
      71
      1078
    5. Kaivattusi silmin

      Minkälaisen kuvan olet omasta mielestäsi antanut itsestäsi kaivatullesi?
      Ikävä
      103
      1042
    6. Martina ja Matias

      Mahtaako Martina yrittää saada Matiasta uudeksi sulhaseksi, niin saisi ne prinsessa häät, mitkä jäi pitämättä, kun Aussi
      Kotimaiset julkkisjuorut
      211
      889
    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
      196
      875
    8. 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
      10
      817
    9. Millaisia tunteita

      Sinulla on minua kohtaan?
      Ikävä
      47
      769
    10. Ylipainoiset naiset ovat kokeneet kiusallisen ilmiön deittaillessa

      Moni pluskoon nainen kertoo kohtaavansa deittailussa yllättävän ja kiusallisen ilmiön: alussa on luvassa romanssi, mutta
      Suhteen aloittaminen
      47
      730
    Aihe